 
 

/* Desktops and laptops ----------- */
@media only all and (max-width : 2100px) {
 
	
	.bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 90px;
    left: 50%; 
    margin-left: -480px; /*half of width for centering*/
} 
	.menu-box{ position:absolute; z-index:5000; right:3%; top:110px; width:150px;}
 .bx-thumbs a{
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    overflow: hidden;
    margin: 0px 7px;
    position: relative;
    outline: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;  
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px; 
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.bx-thumbs a:hover{
 
border: 1px solid #fff;
width:160px;
    height: 160px;
	 border-radius: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
	margin-top:-40px;
	margin-left:-33px;
}
 
.bx-thumbs ul{}
.bx-thumbs li{ float:left; display:block; width:205px;} 

.bx-thumbs li.bx-thumbs-current a{ 
 
    border: 1px solid #fff;
	width: 200px;
    height: 200px;
	 border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
	margin-top:-60px;
	margin-left:-53px;}
 

.bx-thumbs li.c1{background:url(../images/slider-menu-line1.jpg) no-repeat 85px 40px;}
.bx-thumbs li.c2{background:url(../images/slider-menu-line.jpg) repeat-x 0% 40px;}
.bx-thumbs li.c3{background:url(../images/slider-menu-line.jpg) repeat-x 0% 40px;}
.bx-thumbs li.c4{background:url(../images/slider-menu-line.jpg) repeat-x 0% 40px;}
.bx-thumbs li.c5{background:url(../images/last-line-slider.jpg)  no-repeat 0% 40px;}
 
}

@media only all and (max-width : 1600px) {
 
	
	.bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 90px;
    left: 50%; 
    margin-left: -470px; /*half of width for centering*/
} 

}

@media only all and (max-width : 1400px) {
	
		.bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 60px;
    left: 50%; 
    margin-left: -320px; /*half of width for centering*/
} 
	.menu-box{ position:absolute; z-index:5000; right:3%; top:70px; width:160px;}
	
 .bx-thumbs a{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    overflow: hidden;
    margin: 0px 7px;
    position: relative;
    outline: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;  
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px; 
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.bx-thumbs a:hover{
 
border: 1px solid #fff;
width: 100px;
    height: 100px;
	 border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	margin-top:-26px;
	margin-left:-19px;
}
 
.bx-thumbs ul{}
.bx-thumbs li{ float:left; display:block; width:140px;} 

.bx-thumbs li.bx-thumbs-current a{ 
 
    border: 1px solid #fff;
	width: 140px;
    height: 140px;
	 border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
	margin-top:-45px;
	margin-left:-38px;}
 

.bx-thumbs li.c1{background:url(../images/slider-menu-line1.jpg) no-repeat 20px 27px;}
.bx-thumbs li.c2{background:url(../images/slider-menu-line.jpg) repeat-x 0% 27px;}
.bx-thumbs li.c3{background:url(../images/slider-menu-line.jpg) repeat-x 0% 27px;}
.bx-thumbs li.c4{background:url(../images/slider-menu-line.jpg) repeat-x 0% 27px;}
.bx-thumbs li.c5{background:url(../images/last-line-slider.jpg)  no-repeat 0% 27px;}

}

/* iPads (portrait and landscape) ----------- */
@media (max-width : 1024px) {
 
 
}

@media (max-width : 980px) {
/* Styles */

 
}

@media (max-width : 930px) {
 

}
@media (max-width : 890px) {
 
 
}

@media (max-width: 850px) {
 .client-grid-c li{ float:left; width:22%; margin:5px; border:0px solid #666; display:block; list-style: none}
	 
	}
	
@media (max-width:750px) {
	 .client-grid-c li{ float:left; width:30%; margin:5px; border:0px solid #666; display:block; list-style: none}
  
 .bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 20px;
    left: 65%; 
     
}

.bx-thumbs a{  
    width: 36px;
    height: 36px; 
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
 
}
.bx-thumbs a:hover{
 
width: 60px;
    height: 60px;
	 border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
	margin-top:-10px;
	margin-left:-5px;
}
 
.bx-thumbs ul{}
.bx-thumbs li{ float:left; display:block; width:75px;} 

.bx-thumbs li.bx-thumbs-current a{ 
 
	width: 60px;
    height: 60px;
	 border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
	margin-top:-10px;
	margin-left:-5px;}
	
.bx-thumbs li.c1{background:url(../images/slider-menu-line1.jpg) no-repeat 15px 20px;}
.bx-thumbs li.c2{background:url(../images/slider-menu-line.jpg) repeat-x 0% 20px;}
.bx-thumbs li.c3{background:url(../images/slider-menu-line.jpg) repeat-x 0% 20px;}
.bx-thumbs li.c4{background:url(../images/slider-menu-line.jpg) repeat-x 0% 20px;}
.bx-thumbs li.c5{background:url(../images/last-line-slider.jpg)  no-repeat 0% 20px;}	
	  
	  }
	  
  @media (max-width:600px) {
		 .client-grid-c li{ float:left; width:45%; margin:5px; border:0px solid #666; display:block; list-style: none}

	  
 .bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 20px;
    left: 25%; width:420px; margin:0 auto;  }
	 
     
}	  

  @media (max-width:480px) {
	  
 .bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 20px;
    left: 10%;
	width:420px; margin:0 auto;
		
	 } 
     
}


  @media (max-width:430px) {
	  
 .bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 20px;
    left: 3%;
	width:400px; margin:0 auto;
		
	 } 
     
}


@media (max-width:360px) { 
		 .client-grid-c li{ float:left; width:90%; margin:5px; border:0px solid #666; display:block; list-style: none}

 .bx-thumbs{
    position:absolute;
    z-index: 100;   
    top: 20px;
    left: 12%;
	width:280px; margin:0 auto;
		
	 } 

.bx-thumbs a{  
    width: 20px;
    height: 20px; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	margin-top:8px; 
 
}
.bx-thumbs a:hover{
 
width: 40px;
    height: 40px;
	 border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
	margin-top:-3px;
	margin-left:-0px;
}
 
.bx-thumbs ul{}
.bx-thumbs li{ float:left; display:block; width:50px;} 

.bx-thumbs li.bx-thumbs-current a{ 
 
	width: 40px;
    height: 40px;
	 border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
	margin-top:-3px;
	margin-left:-0px;}
	
.bx-thumbs li.c1{background:url(../images/slider-menu-line1.jpg) no-repeat 15px 18px;}
.bx-thumbs li.c2{background:url(../images/slider-menu-line.jpg) repeat-x 0% 18px;}
.bx-thumbs li.c3{background:url(../images/slider-menu-line.jpg) repeat-x 0% 18px;}
.bx-thumbs li.c4{background:url(../images/slider-menu-line.jpg) repeat-x 0% 18px;}
.bx-thumbs li.c5{background:url(../images/last-line-slider.jpg)  no-repeat -20px 18px;}	
	  
	  }






/* iPhone 4 ----------- */
@media
only (-webkit-min-pixel-ratio : 1.5),
only (min-pixel-ratio : 1.5) {
/* Styles */
 
}	
	
	