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

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Devices layouts (Media Queries)
--------------------------------------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------
1024px Layout: 820px
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8    9    10
Pixels    64  148  232  316  400  484  568  652  736  820
--------------------------------------------------------------
*/

@media only screen and (min-width:2200px)  {
.slidesjs-control li{ background-size:115% 70% !important;}
}


@media only screen and (min-width: 914px) and (max-width: 1082px) {

}

/*ipad landscape start*/
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.wrapper{ width:99%; margin:0 auto;}
.site-width{ width:100%;}
.slidesjs-control li{ background-size:130% 80% !important;}
}*/

/*ipad landscape start*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.wrapper{ width:100%; margin:0 auto;}
.site-width{ width:100%;}
.slidesjs-control li{ background-size:163% 100% !important;}
.slidesjs-pagination{ margin-top:-55px;}
.wht-wedo{ width:97%;}
.over-lay2 .top-logo-left{margin:30px 0 0 0px}
}
/*ipad landscap end*/
/*
--------------------------------------------------------------
Tablet Layout: 652px (768px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8
Pixels    64  148  232  316  400  484  568  652
--------------------------------------------------------------
ipad- portrait
*/

/*ipad portrait start*/

@media only screen and (min-width: 746px) and (max-width: 913px) {
.wrapper{ width:99%; margin:0 auto;}
.site-width{ width:100%;}
.over-lay2 .top-logo-left{margin:10px 0 0 29px}




.header{ width:95%; top:10px;}
.slidesjs-pagination{ margin-top:-125px;}
.top-logo{ margin-left:25px;}
.slidesjs-control li{ background-size:130% 80% !important;}
section{ margin-top:-80px;}
.wht-we-cnt ul li{ width:200px; margin:0 40px 0 0;}
.tch-glance .abt-tech{ width:48%; margin-left:10px;}
.tch-glance .abt-rgt{  width:40%; margin-right:10px;}
.tch-glance{ min-height:715px; float:left;}
.tch-client ul li{ margin-bottom:25px;}
.blue-ftr .conc-row p.call{ margin-left:60px;}
.ftr-blog .ftr-left{ width:100%}
.site-link{ width:94%; margin:30px 20px;}
.ftr-blog .ftr-rgt{ width:100%;}
.ftr-blog .ftr-rgt{ width:95%;}
.ftr-blog .ftr-rgt ul li{ margin:0 20px 9px 0; width:43%; display:inline; clear:none;}
.copy-rw{margin:30px 18px; width:94%;}
}

/*ipad portrait end*/

/*
--------------------------------------------------------------
Wide Mobile Layout: 400px (480px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5
Pixels    64  148  232  316  400  
--------------------------------------------------------------
*/


/*mobile strat*/

@media only screen and (min-width: 534px) and (max-width: 745px) {
.wrapper{ width:99%; margin:0 auto;}
.site-width{ width:100%;}

}

/*mobile end*/

/*
--------------------------------------------------------------
Mobile Layout: 232px (320px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3
Pixels    64  148  232
--------------------------------------------------------------
*/
 
/*iphone portrait strta*/

@media only screen and (min-width: 320px) and (max-width: 533px) {
.wrapper{ width:99%; margin:0 auto;}
.site-width{ width:99%;}

.left-hglt{ display:block !important;}
.left-hglt a{ font-weight:bold; color:#0793DE !important;}
.left-hglt a:hover{color:#fff !important;}

.body-cnt-lft .left-nav, .left-nav .left-nv-cnt{ width:240px !important;}
.over-lay2, .body-cnt-lft .main-contant{ left:240px !important;}
.over-lay2{/* background:#242424;*/}
.over-lay2 .top-logo-left{ margin:10px 0 0 10px}
.over-lay2 .top-logo-left img{ width:80%;}



.slidesjs-control li{ background-size:150% 100% !important;}
.slidesjs-pagination{ margin-top:-35px;}
.hd-right{ display:none;}
.top-logo img{ width:80%;}
.header{ top:10px; left:10px; width:93%;}
.wht-we-cnt ul li{ margin:0 0 35px 0; width:100%;}
.tch-glance .abt-tech{ width:100%}
.tch-glance{ min-height:1340px; float:left;}
.tch-glance .abt-rgt{ width:100%}
.tch-client ul li{ margin:0 10px 10px 0; width:45%; border-right:1px solid #e8e8e8;}
.tch-client ul li .ep-bld{ background-position:12px -835px;}
.tch-client ul li .shelv{ background-position:-185px -837px}
.tch-client ul li .comex{ background-position:-396px -837px }
.tch-client ul li .milly{background-position:-603px -833px}
.tch-client ul li .stanley{background-position:-812px -835px }
.tch-client ul li:hover .ep-bld{ background-position:13px -994px;}
.tch-client ul li:hover .shelv{ background-position:-185px -997px}
.tch-client ul li:hover .comex{ background-position:-396px -998px }
.tch-client ul li:hover .milly{background-position:-603px -995px}
.tch-client ul li:hover .stanley{background-position:-812px -994px }

.blue-ftr .conc-row p.call{ margin-left:0px; width:100%; text-align:center;}
.blue-ftr .conc-row span.bl-roun{ float:none; margin:15px 0;}
.ftr-blog .ftr-left{ width:100%;}
.ftr-blog .ftr-rgt{ width:100%;}
.ftr-blog .ftr-left .sty-tch{ width:87%;}
.site-link ul{ width:100%; margin-bottom:25px;}
.site-link ul li{ width:93%;}
.ftr-blog .ftr-rgt{ width:93%;}
.copy-rw{ width:99%; margin-top:25px;}
.cpoy-txt{ float:left; margin-right:20px; width:70%; margin-left:15px; margin-top:-10px;}




}



/*
--------------------------------------------------------------
Small Mobile Layout: 148px
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2
Pixels    64  148
--------------------------------------------------------------
*/

@media only screen and (max-width: 319px) {
 
.site-width{ width:100%;}
 
}

/*-phone - landscape start*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tch-client ul li{ float:left; width:180px; height:109px; margin:0 25px 25px 0; background:url(../images/site-img.png) 0px -361px no-repeat; text-align:center; overflow:hidden; cursor:pointer; border-right:0 none;}
.tch-client ul li.last{ margin-right:0px;}
.tch-client ul li span{ display:block; width:100%; height:100%;}
.tch-client ul li .ep-bld{background:url(../images/site-img.png) 32px -835px no-repeat;}
.tch-client ul li .shelv{background:url(../images/site-img.png) -169px -837px no-repeat;}
.tch-client ul li .comex{background:url(../images/site-img.png) -376px -837px no-repeat;}
.tch-client ul li .milly{background:url(../images/site-img.png) -579px -833px no-repeat;}
.tch-client ul li .stanley{background:url(../images/site-img.png) -788px -835px no-repeat;}

.tch-client ul li:hover .ep-bld{background:url(../images/site-img.png) 33px -994px no-repeat;}
.tch-client ul li:hover .shelv{background:url(../images/site-img.png) -169px -997px no-repeat;}
.tch-client ul li:hover .comex{background:url(../images/site-img.png) -376px -998px no-repeat;}
.tch-client ul li:hover .milly{background:url(../images/site-img.png) -579px -995px no-repeat;}
.tch-client ul li:hover .stanley{background:url(../images/site-img.png) -788px -994px no-repeat;}

.tch-glance{ min-height:570px;float:left; }
.tch-glance .abt-rgt{ margin-top:25px;}
.blue-ftr .conc-row span.bl-roun{ clear:both; display: block; margin:0 auto 15px auto;}
.blue-ftr .conc-row p.call{ margin-bottom:15px;}
.blue-ftr .conc-row p{ width:100%; text-align:center;}
.ftr-blog .ftr-left .sty-tch{ width:92%;}
.ftr-blog .ftr-left .sty-tch .emlbg{ margin-top:20px;}
.ftr-blog .ftr-left .sty-tch .socblg{ margin-top:20px;}
.site-link{ width:91%; margin:30px 20px;}
}

@media only screen and (max-width: 320px) {

}