@charset "utf-8";
/* CSS Document */

/***********************slider media********************************/
@media (min-width:1060px) and (max-width:1278px){

  .A {      
  background: url('img/slider/A.png') ;
  width:100px;
  height:100px;
  }
  .B {      
  background: url('img/slider/B.png') ;
  width:100px;
  height:100px;
  }

.C {      
  background: url('img/slider/C.png') ;
  width:100px;
  height:100px;
  }
.D {      
  background: url('img/slider/D.png') ;
  width:100px;
  height:100px;
  }
.E {      
  background: url('img/slider/E.png') ;
  width:100px;
  height:100px;
  }
  .design1 {      
  background: url('img/slider/Design1.png') ;
  width:200px;
  height:250px;
  top:21%;
  }
  .A1 {      
  background: url('img/slider/A1.png') ;
  width:100px;
  height:100px;
  }
  .B1 {      
  background: url('img/slider/B1.png') ;
  width:100px;
  height:100px;
  }

.C1 {      
  background: url('img/slider/C1.png') ;
  width:100px;
  height:100px;
  }
.D1 {      
  background: url('img/slider/D1.png') ;
  width:100px;
  height:100px;
  }
.E1 {      
  background: url('img/slider/E1.png') ;
  width:100px;
  height:100px;
  }
  .design2 {      
  background: url('img/slider/design2.png') ;
  width:400px;
  height:200px;
  top:30%;
  }
  .Mobile1 {      
  background: url('img/slider/Mobile1.png') ;
  width:100px;
  height:100px;
  }
  .Mobile2 {      
  background: url('img/slider/Mobile2.png') ;
  width:100px;
  height:100px;
  }

.Setting {      
  background: url('img/slider/Setting.png') ;
  width:110px;
  height:110px;
  }
.Photo {      
  background: url('img/slider/Photo.png') ;
  width:100px;
  height:100px !important;
  }
.iPad {      
  background: url('img/slider/iPad.png') ;
  width:100px;
  height:100px;
  }
  .mobile {      
  background: url('img/slider/Mobile.png') ;
  width:275px;
  height:290px;
  top:5%;
  }
  .carousel-inner {
    height: 300px;
	
	}
	.content h3{
	font-size:18px;
	
	}
  }
  @media (min-width:320px) and (max-width:425px){

  .A {      
  background: url('img/slider/A.png') ;
  width:30px;
  height:30px;
  }
  .B {      
  background: url('img/slider/B.png') ;
  width:30px;
  height:30px;
  }

.C {      
  background: url('img/slider/C.png') ;
  width:30px;
  height:30px;
  }
.D {      
  background: url('img/slider/D.png') ;
  width:30px;
  height:30px;
  }
.E {      
  background: url('img/slider/E.png') ;
  width:30px;
  height:30px;
  }
  .design1 {      
  background: url('img/slider/Design1.png') ;
  width:65px;
  height:180px;
  top:16%;
  }
  .A1 {      
  background: url('img/slider/A1.png') ;
  width:30px;
  height:30px;
  }
  .B1 {      
  background: url('img/slider/B1.png') ;
  width:30px;
  height:30px;
  }

.C1 {      
  background: url('img/slider/C1.png') ;
  width:30px;
  height:30px;
  }
.D1 {      
  background: url('img/slider/D1.png') ;
  width:30px;
  height:30px;
  }
.E1 {      
  background: url('img/slider/E1.png') ;
  width:30px;
  height:30px;
  }
  .design2 {      
  background: url('img/slider/design2.png') ;
  width:118px;
  height:80px;
  top:37%;
  }
  .Mobile1 {      
  background: url('img/slider/Mobile1.png') ;
  width:30px;
  height:30px;
  left:25%;
  }
  .Mobile2 {      
  background: url('img/slider/Mobile2.png') ;
  width:30px;
  height:30px;
   left:35%;
  }

.Setting {      
  background: url('img/slider/Setting.png') ;
  width:35px;
  height:35px;
  left:45%;
  }
.Photo {      
  background: url('img/slider/Photo.png') ;
  width:30px;
  height:30px !important;
  left:30%;
  }
.iPad {      
  background: url('img/slider/iPad.png') ;
  width:30px;
  height:30px;
  left:40%;
  }
  .mobile {      
  background: url('img/slider/Mobile.png') ;
  width:80px;
  height:200px;
  top:8%;
  }
  .carousel-inner {
    height: 104px;
	
	}
	.content h3{
	font-size:11px;
	margin-top: -11px !important;
	margin-left:20px;
	z-index:1 !important;
	}
	.clients-carousel .carousel-control.left{
	left:0;
	
	}
	.clients-carousel .carousel-control.right{
	right:0;
	
	}
	.lead{font-size:12px !important;}
	h2{font-size:18px;}
	.vivacious_info h2{
	margin-top:-28px;
	}
  .carousel-control{display:none;}
   .carousel-indicators{display:none;}
  }
  @media (min-width:425px) and (max-width:550px){

  .A {      
  background: url('img/slider/A.png') ;
  width:35px;
  height:35px;
  }
  .B {      
  background: url('img/slider/B.png') ;
  width:35px;
  height:35px;
  }

.C {      
  background: url('img/slider/C.png') ;
  width:35px;
  height:35px;
  }
.D {      
  background: url('img/slider/D.png') ;
  width:35px;
  height:35px;
  }
.E {      
  background: url('img/slider/E.png') ;
  width:35px;
  height:35px;
  }
  .design1 {      
  background: url('img/slider/Design1.png') ;
  width:80px;
  height:180px;
  top:16%;
  }
  .A1 {      
  background: url('img/slider/A1.png') ;
  width:35px;
  height:35px;
  }
  .B1 {      
  background: url('img/slider/B1.png') ;
  width:35px;
  height:35px;
  }

.C1 {      
  background: url('img/slider/C1.png') ;
  width:35px;
  height:35px;
  }
.D1 {      
  background: url('img/slider/D1.png') ;
  width:35px;
  height:35px;
  }
.E1 {      
  background: url('img/slider/E1.png') ;
  width:35px;
  height:35px;
  }
  .design2 {      
  background: url('img/slider/design2.png') ;
  width:140px;
  height:80px;
  top:37%;
  }
  .Mobile1 {      
  background: url('img/slider/Mobile1.png') ;
  width:35px;
  height:35px;
  left:25%;
  }
  .Mobile2 {      
  background: url('img/slider/Mobile2.png') ;
  width:35px;
  height:35px;
   left:35%;
  }

.Setting {      
  background: url('img/slider/Setting.png') ;
  width:40px;
  height:40px;
  left:45%;
  }
.Photo {      
  background: url('img/slider/Photo.png') ;
  width:35px;
  height:35px !important;
  left:30%;
  }
.iPad {      
  background: url('img/slider/iPad.png') ;
  width:35px;
  height:35px;
  left:40%;
  }
  .mobile {      
  background: url('img/slider/Mobile.png') ;
  width:110px;
  height:200px;
  top:8%;
  }
  .carousel-inner {
    height: 135px;
	
	}
	.content h3{
	font-size:12px;
	margin-top: -11px !important;
	margin-left:20px;
	}
	.clients-carousel .carousel-control.left{
	left:0;
	
	}
	.clients-carousel .carousel-control.right{
	right:0;
	
	}
	.lead{font-size:14px !important;}
	h2{font-size:23px;}
  .carousel-control{display:none;}
  .carousel-indicators{display:none;}
  }
  @media(min-width:550px) and (max-width:750px){

  .A {      
  background: url('img/slider/A.png') ;
  width:50px;
  height:50px;
  }
  .B {      
  background: url('img/slider/B.png') ;
  width:50px;
  height:50px;
  }

.C {      
  background: url('img/slider/C.png') ;
  width:50px;
  height:50px;
  }
.D {      
  background: url('img/slider/D.png') ;
  width:50px;
  height:50px;
  }
.E {      
  background: url('img/slider/E.png') ;
  width:50px;
  height:50px;
  }
  .design1 {      
  background: url('img/slider/Design1.png') ;
  width:100px;
  height:180px;
  top:16%;
  }
  .A1 {      
  background: url('img/slider/A1.png') ;
  width:50px;
  height:50px;
  }
  .B1 {      
  background: url('img/slider/B1.png') ;
  width:50px;
  height:50px;
  }

.C1 {      
  background: url('img/slider/C1.png') ;
  width:50px;
  height:50px;
  }
.D1 {      
  background: url('img/slider/D1.png') ;
  width:50px;
  height:50px;
  }
.E1 {      
  background: url('img/slider/E1.png') ;
  width:50px;
  height:50px;
  }
  .design2 {      
  background: url('img/slider/design2.png') ;
  width:210px;
  height:80px;
  top:37%;
  }
  .Mobile1 {      
  background: url('img/slider/Mobile1.png') ;
  width:50px;
  height:50px;
  left:25%;
  }
  .Mobile2 {      
  background: url('img/slider/Mobile2.png') ;
  width:50px;
  height:50px;
   left:35%;
  }

.Setting {      
  background: url('img/slider/Setting.png') ;
  width:55px;
  height:55px;
  left:45%;
  }
.Photo {      
  background: url('img/slider/Photo.png') ;
  width:50px;
  height:50px !important;
  left:30%;
  }
.iPad {      
  background: url('img/slider/iPad.png') ;
  width:50px;
  height:50px;
  left:40%;
  }
  .mobile {      
  background: url('img/slider/Mobile.png') ;
  width:150px;
  height:200px;
  top:8%;
  }
  .carousel-inner {
    height: 165px;
	
	}
	.content h3{
	font-size:13px;
	
	}
	.clients-carousel .carousel-control.left{
	left:0;
	
	}
	.clients-carousel .carousel-control.right{
	right:0;
	
	}
	.lead{font-size:14px !important;}
	h2{font-size:23px;}
  
  }
  @media (min-width:750px) and (max-width:1060px){

  .A {      
  background: url('img/slider/A.png') ;
  width:70px;
  height:70px;
  }
  .B {      
  background: url('img/slider/B.png') ;
  width:70px;
  height:70px;
  }

.C {      
  background: url('img/slider/C.png') ;
  width:70px;
  height:70px;
  }
.D {      
  background: url('img/slider/D.png') ;
  width:70px;
  height:70px;
  }
.E {      
  background: url('img/slider/E.png') ;
  width:70px;
  height:70px;
  }
  .design1 {      
  background: url('img/slider/Design1.png') ;
  width:150px;
  height:200px;
  top:16%;
  }
  .A1 {      
  background: url('img/slider/A1.png') ;
  width:70px;
  height:70px;
  }
  .B1 {      
  background: url('img/slider/B1.png') ;
  width:70px;
  height:70px;
  }

.C1 {      
  background: url('img/slider/C1.png') ;
  width:70px;
  height:70px;
  }
.D1 {      
  background: url('img/slider/D1.png') ;
  width:70px;
  height:70px;
  }
.E1 {      
  background: url('img/slider/E1.png') ;
  width:70px;
  height:70px;
  }
  .design2 {      
  background: url('img/slider/design2.png') ;
  width:300px;
  height:100px;
  top:31%;
  }
  .Mobile1 {      
  background: url('img/slider/Mobile1.png') ;
  width:70px;
  height:70px;
  left:25%;
  }
  .Mobile2 {      
  background: url('img/slider/Mobile2.png') ;
  width:70px;
  height:70px;
   left:35%;
  }

.Setting {      
  background: url('img/slider/Setting.png') ;
  width:80px;
  height:80px;
  left:45%;
  }
.Photo {      
  background: url('img/slider/Photo.png') ;
  width:70px;
  height:70px !important;
  left:30%;
  }
.iPad {      
  background: url('img/slider/iPad.png') ;
  width:70px;
  height:70px;
  left:40%;
  }
  .mobile {      
  background: url('img/slider/Mobile.png') ;
  width:200px;
  height:220px;
  top:8%;
  }
  .carousel-inner {
    height: 220px;
	
	}
	.content h3{
	font-size:13px;
	
	}
	.clients-carousel .carousel-control.left{
	left:0;
	
	}
	.clients-carousel .carousel-control.right{
	right:0;
	
	}
  
  }
/*********************navbar******************************/
@media (max-width:1326px){

.navbar-inverse .navbar-toggle{
display: inline-block !important;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-header {
  float: none !important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-nav {
  float: none!important;
  margin: 7.5px -15px;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
      width: 100% !important;

    margin-top: 0px;
    background-color: transparent;
    border: 0px none;
    box-shadow: none;
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.pop{
width:100% !important;
position:absolute !important;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
   width:100% !important;
   left:0 !important;   
}
}