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

@font-face {
    font-family: 'candara';
    src: url('../font/candara-webfont.eot');
    src: url('../font/candara-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/candara-webfont.woff2') format('woff2'),
         url('../font/candara-webfont.woff') format('woff'),
         url('../font/candara-webfont.ttf') format('truetype'),
         url('../font/candara-webfont.svg#candara') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'candara-bold';
    src: url('../font/Candara-Bold.eot');
    src: url('../font/Candara-Boldd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/Candara-Bold.woff2') format('woff2'),
         url('../font/Candara-Bold.woff') format('woff'),
         url('../font/Candara-Bold.ttf') format('truetype'),
         url('../font/Candara-Bold.svg#candara-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FranklinGothic-DemiCond';
    src: url('../font/FranklinGothic-DemiCond.eot');
    src: url('../font/FranklinGothic-DemiCondd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/FranklinGothic-DemiCond.woff2') format('woff2'),
         url('../font/FranklinGothic-DemiCond.woff') format('woff'),
         url('../font/FranklinGothic-DemiCond.ttf') format('truetype'),
         url('../font/FranklinGothic-DemiCond.svg#FranklinGothic-DemiCond') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid';
    src: url('../font/droidserif-regular-webfont.html');
    src: url('../font/droidserif-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../font/droidserif-regular-webfont.woff2') format('woff2'),
         url('../font/droidserif-regular-webfont.woff') format('woff'),
         url('../font/droidserif-regular-webfont-2.html') format('truetype'),
         url('../font/droidserif-regular-webfont-3.html#candara') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{ outline:0 none !important; }
a:hover{text-decoration:none !important;}
a{ display:block; color:#fff; text-decoration:none !important; }
ul{ list-style:none; margin:0px; padding:0px;}
body { margin:0px; padding:0px; font-family:'candara'; }
p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; padding:0px; margin:0px; color:#262626;}
h1, h2, h3, h4, h5, h6 { display:block; font-family: 'candara-bold'; padding:0px; margin:0px;  }
.mobblock { display:none !important; }
.clear { clear:both;}



::-webkit-input-placeholder {
  color:#959494;
  opacity:1;
}
:-ms-input-placeholder {
  color:#959494;
  opacity:1;
}
::-moz-placeholder {
  color:#959494;
  opacity:1;
  
}
:-moz-placeholder {
  color:#959494;
  opacity:1;
  
}


/*global css end*/

.top-header{background:#5e80d7; padding:5px 0 6px 0; border-bottom:2px solid #fff;}
ul.top-social{list-style:none; padding:0; margin:0;}
ul.top-social li{display:inline-block; margin-right:2px; transition:0.5s ease-in-out}
ul.top-social li:last-child{margin-right:0px;}
ul.top-social li:hover{transform:rotateY(360deg);}

ul.header-strip-right{list-style:none; padding:0; margin:6px 0 0 0; text-align:right}
ul.header-strip-right li{ display:inline-block; margin-right:15px; font-family:'candara-bold'; font-size:14px; color:#fff;}

ul.header-strip-right li:last-child{margin-right:0}
ul.header-strip-right li span{ font:bold 15px Arial, Helvetica, sans-serif;}
ul.header-strip-right li a{color:#fff; text-decoration:none; display:inline; transition:0.5s ease-in-out;}
ul.header-strip-right li a:hover{color:#c9eeff;}
.header{ background-color:#fff; padding:20px 0; background-image:url(../images/header-bg-1.jpg),
url(../images/header-bg-2.jpg); background-position:top left, bottom left; background-repeat:repeat-x, repeat-x}

.section-1{background:#e8ecf7; padding:26px 0 29px 0;}
.section-1 ul { margin:0px 0px 0px 20px; padding:0px; list-style:circle;   }
.section-1 ul li { font-family:'candara'; font-size:17px; line-height:18px; color:#113752; text-align:left; margin:0px; padding:0px 0px 10px 0px; }

.section-1-link{padding-left:0 !important}
.section-1 a{background:#24a357; font-family:'candara-bold'; font-size:16px; text-transform:uppercase; color:#fff; border-radius:5px; text-align:center; display:inline; float: left; padding:12px 20px 12px 20px; border:1px solid #fff; transition:0.5s ease-in-out; margin-top:10px;}
.section-1 a:hover{background:#486199;}

.download { width:100%; }
.download a{ background:none; border:none; font-size:12px !important;  padding:0px; margin:0px 0px 5px 0px; color:#F00;}
.download a img{ max-width:100%; text-align:center !important; margin-bottom:5px; }
.download a:hover{ background:none; color:#000;}

.section-2{background:#fff url(../images/product-bg.jpg) center center fixed; padding:73px 0 55px 0;}
.section-2 h1{ font-size:18px; font-family:'candara'; color:#000; font-weight:normal; text-transform:uppercase; text-align:center; background:url(../images/head-border.png) center bottom no-repeat; padding-bottom:23px; margin:0 0 53px 0;}

.section-2 h1 span{ font-size:42px; font-family:'candara-bold'; text-transform:none; display:block}
.products-main-outer{ position:absolute; margin-bottom:30px; }
.products-main-outer img{width:100%; position:relative; border:1px solid rgba(0,0,0,0.07); }
.products-main-outer .product-name{position:absolute; bottom:0; background:rgba(255, 255, 255, 0.85); min-height:46px; width:23%; font-size:18px; font-family:'candara-bold'; color:#000; border-left:6px solid #03a9f5; padding:10px 17px 10px 17px; transition:0.5s ease-in-out;}
.products-main-outer:hover .product-name{background:#6d7ca7; color:#fff; border-left:6px solid #6d7ca7;}
.section-2 a.view-product{text-align:center; margin:0 auto; display:table; font-size:15px; font-family:'candara'; color:#fff; background:#03a9f5; color:#fff; padding:12px 60px 14px 60px; transition:0.5s ease-in-out;}
.section-2 a:hover.view-product{background:#24a357; transition:0.5s ease-in-out;}


.section-3{background:#eef7fb; padding:58px 0 60px 0;}
.section-3 .head{font-family:'candara-bold'; font-size:25px; color:#2f3030;}
.section-3 .head .border{height:2px; width:62px; background:#03a9f5; margin-top:13px; transition:0.5s ease-in-out;}
.section-3:hover .head > .border{width:124px; transition:0.5s ease-in-out;}
.section-3 p{ font-family:'candara'; color:rgba(47, 48, 48, 0.9); line-height:28px; text-align:justify; margin:20px 0 12px 0;}
.section-3 a{ font-family:'candara-bold'; font-size:15px; color:#03a9f5; background:url(../images/link-border.jpg) left bottom no-repeat; transition:0.5s ease-in-out; padding:2px 0 8px 0;}
.section-3 a:hover{color:#158dca;}
.section-3 img{max-width:100%; margin-left:10px;}

.section-4{background:#fff; padding:40px 0 34px 0;}
.channel-head{font-family: 'candara-bold'; font-size:25px; color:#2f3030; line-height:32px;}
.marquee-with-options, .marquee-vert-before, .marquee-vert {width: 100%; overflow: hidden;}
.marquee-vert {height: 300px;}
.marquee-with-options{margin-top:20px;}
.cllogo{ float:left; margin:0px 10px; width:180px; background:#fff; height:125px; border:2px solid #ececec; display: flex; -webkit-box-align: center; align-items: center;}
.cllogo img { margin:0 auto; max-width:100%; }

footer{ background:url(../images/footer-bg.jpg) center center fixed; background-size:cover;}
.contact-info-bg{background:rgba(0, 0, 0, 0.3); width:100%; padding:0 30px;}
.footer-head{ font-family:'candara'; font-size:18px; color: #fff; padding:42px 0 10px 0; }
.footer-content ul{list-style:none; padding:0 0 85px 0; margin:0; margin-top:10px;}
.footer-content ul li{font-family:'candara'; font-size:14px; color:rgba(255, 255, 255, .5); margin-bottom:25px; padding:0 0 0 40px; background:url(../images/home-icon.png) left top 7px no-repeat;}
.footer-content ul li.footer-phone{ background:url(../images/phone-icon.png) left top 4px no-repeat;}
.footer-content ul li.footer-mail{ background:url(../images/mail-icon.png) left top 4px no-repeat;}
.footer-content ul li:last-child{margin-bottom:0}
.footer-content ul li a{color:rgba(255, 255, 255, .5);}
.footer-content ul li span{ font-size:14px; color:rgba(79, 200, 255, .89); text-transform:uppercase; display:block;} 
.footer-link ul{list-style:none; padding:0; margin:0;}
.footer-link ul li a{ font-family:'candara'; font-size:14px; color:rgba(255, 255, 255, .5); margin-top:9px ; padding:0 0 0 21px; background:url(../images/footer-list-icon.png) left top 4px no-repeat; transition:0.4s ease-in-out}

.footer-link ul li a:hover{background:url(../images/footer-list-icon.png) left 5px top 4px no-repeat; color:#fff;}

.footer-social-link ul{list-style:none; padding:0; margin:0;}
.footer-social-link ul li{float:left; margin-right:10px; transition:0.5s ease-in-out}
.footer-social-link ul li:last-child{margin-right:0px;}
.footer-social-link ul li a{display:inline}
.footer-social-link ul li:hover{transform:rotateY(360deg);}
.copyright-outer{background:rgba(0, 0, 0, 0.4); padding:12px 0; margin-top:-58px;text-align: center;}
.copy-right{font-family:'candara'; font-size:12px; color:rgba(255, 255, 255, .5);}
.powered{text-align: right;}

.page-name-outer{background:url(../images/page-name-bg.jpg) center center fixed; background-size:cover; color: #fff; text-align:center; padding-top:40px;}
.page-name-outer span{font-family: 'FranklinGothic-DemiCond'; font-size:50px; color: #fff; letter-spacing:2px; }
.page-naming{background:rgba(0, 0, 0, 0.2); padding:12px 0; margin-top:25px;}
.page-name-outer ul{padding:0; margin:0; list-style:none;}
.page-name-outer ul li{display:inline-block; font-size:15px; color:#70d4e3; font-family:'candara'; padding-right:20px; background:url(../images/paging-icon.png) center right no-repeat; margin-left:10px;}
.page-name-outer ul li a{color:#70d4e3;}
.page-name-outer ul li a:hover{color:#fff;}
.page-name-outer ul li:first-child{margin-left:0px;}
.page-name-outer ul li:last-child{padding-right:0px; background:none; margin-left:10px; color: #fff}

.inner-content-outer{padding:60px 0 50px 0;}
.aboutimg{float:right; margin:-78px 0 30px 30px;}

.inner-about p{ font-family:'candara'; color:#2f3030; text-align:justify; line-height:27px; margin-bottom:30px;}
.inner-content-outer h1{font-family: 'candara-bold'; font-size: 36px; color: #2f3030; margin-bottom:20px;}
.inner-content-outer h1 span{ font-size: 17px; display:block; margin-top:8px; }
.inner-content-outer h1 span a{ color: #1277bf; display:inline-block; }

.inner-content-outer h1 .border{height: 2px; width: 62px; background: #03a9f5; margin-top: 13px; transition: 0.5s ease-in-out;}
.inner-content-outer h1:hover .border{width:150px;}

.inner-contact-outer{ padding: 40px 0 52px 0; }
.get-touch{ font-family:'candara'; font-size:30px; color:#666666; text-align:center;}
.contact-detail-outer{ background-color: #fafafa; border: 1px solid #f3f3f3; padding:33px 25px 30px 18px; margin-top:30px; transition:0.5s ease-in-out; min-height:195px; display:block !important; font-family: 'open_sansregular'; line-height: 26px; font-size: 15px; position: relative;}



.contact-detail-outer h2 { font-family: 'open_sansregular'; font-size: 26px; color: #222; margin: 0px 0px 15px 0px; font-weight:normal; }
.contact-detail-outer p{ font-family: 'open_sansregular'; line-height: 26px; font-size: 15px; position: relative; padding:0px 0 0 20px; }
.contact-detail-outer p i{ font-size: 22px; position: absolute; left:0; }

.icon{width:90px; height:90px; border:2px solid #e9e9e9; display:flex; align-items:center; border-radius:100%; transition:0.5s ease-in-out; margin-bottom:12px;}
.icon img{max-width:100%; margin:0 auto; opacity:0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:0.5s ease-in-out}
.contact-detail-outer:hover, .contact-detail-outer:hover .icon{border:1px solid #CCC;}
.contact-detail-outer:hover .icon img{opacity:1.0; -webkit-filter: grayscale(0%); filter: grayscale(0%); transform:rotate(360deg)}

.contact-detail{ color:#666666; line-height:20px; }

.contact-detail span{ display:block; font-family: 'open_sansregular'; font-size: 15px; color: #00a3e0; margin: 0px 0px 10px 0px; padding: 0px; }
.contact-detail a{ font:14px Arial, Helvetica, sans-serif; color:#417dba; margin-bottom:8px; }

.product-list-outer{border:1px solid #fff; box-shadow:0 0 4px #d9d9d9;}
.product-list-head{background:#0e82af; font-size:20px; font-family:'candara-bold'; color:#fff; padding:12px 14px;}
.product-list-outer ul{border-left:4px solid #26b1e6; margin:0; padding-bottom:10px;}

.product-list-outer ul li a{font-size:15px; font-family:'candara'; color:#2c2c2c; padding:10px 0 10px 12px; background:url(../images/product-list-icon.jpg) right 10px center no-repeat; transition:0.5s ease-in-out;}
.product-list-outer ul li a.active, .product-list-outer ul li a:hover{padding:10px 0 10px 22px;}

.enquiry-form input[type=text],
.enquiry-form input[type=tel],
.enquiry-form input[type=number],
.enquiry-form input[type=email],
.enquiry-form input[type=file],
.enquiry-form select,
.enquiry-form option,
.enquiry-form textarea {background: #f3f3f3; padding: 15px 10px 15px 20px; width: 100%; color: #7f8082; font-family:'candara'; font-size:15px; margin-top: 15px; border:0; border-radius:7px; }
.enquiry-form textarea{resize:none; min-height:177px;}
.error-code{color: #bd3232; font-family:'candara'; font-size:14px; float:left; text-align:left !important; padding:5px 0px 0px 0px; display:none; width:100%;}



.enquiry-form input[type=file] {background: #f3f3f3; padding: 15px 10px 15px 20px; width: 100%; color: #f3f3f3; font-family:'candara'; font-size:15px; margin-top: 15px; border:0; border-radius:7px; }
.enquiry-form textarea{resize:none; min-height:177px;}
.error-code{color: #bd3232; font-family:'candara'; font-size:14px; float:left; text-align:left !important; padding:5px 0px 0px 0px; display:none; width:100%;}


.captcha input[type=text]{width:50% !important; float:left}
.captcha input[type=button].code {font-family: 'candara-bold'; margin: 15px 2% 0px 2%; padding: 12px 12px; width: 30%; float: left; border: none; font-size: 16px; font-weight: bold; font-style: italic; color: #4b4b4b; background: #fff; border-top:5px solid #f3f3f3; border-right:10px solid #f3f3f3; border-bottom:5px solid #f3f3f3; border-left:10px solid #f3f3f3; border-radius:7px; line-height:15px; cursor:default}
.captcha a.refresh{display: inline-block; width: 35px; height: 30px; margin: 25px 0px 0px 0px; background:url(../images/refresh.jpg) center center no-repeat;}
.enquiry-form input[type=submit] {font-family: 'candara'; margin: 11px 45px 0 0; padding: 15px 13px 15px 80px; border: none; font-size: 15px; color: #fff; background: #586aa0 url(../images/btn-mail-icon.png) left 20px center no-repeat ; border:0; text-align: center; width: 100%; text-transform: uppercase; transition: 0.5s ease-in-out; border-radius:7px; max-width:220px; float:left;}
.enquiry-form input[type=submit]:hover {background: #24a357 url(../images/btn-mail-icon.png) left 20px center no-repeat; transition:0.5s ease-in-out;}
::-webkit-input-placeholder {color:#7f8082; opacity:1;}
:-ms-input-placeholder {color:#7f8082; opacity:1;}
::-moz-placeholder {color:#7f8082; opacity:1;}
:-moz-placeholder {color:#7f8082; opacity:1;}

.product-full{margin-bottom:30px}
.product-outer{border:1px solid #fff; box-shadow:0 0 4px #d9d9d9;}
.product-img{width:100%; height:190px; display:flex; align-items:center;}
.product-img img{max-width:100%; margin:0 auto}
.product-content-outer{padding:10px 10px 20px 10px;}
.product-content-outer{text-align:center;}
.product-content-outer .product-name{background:#e9f3fa; font-family:'candara-bold'; font-size:20px; color:#1e91a2; width:100%; text-align:center; padding:7px 0 6px 0; margin-bottom:7px}
.product-content-outer span{font:bold 14px Arial, Helvetica, sans-serif; color:#4c4c4c; text-align:center;}
.product-content-outer p{font-size:15px; font-family:'candara'; color:#292929; text-align:justify; line-height:18px; margin-top:10px;}
.view-detail{text-align:right}
.view-detail a{background:#47659f; color:#fff; font-size:15px; font-family:'candara'; display:inline-block; padding:4px 16px 4px 16px; transition:0.2s ease-in-out;}
.product-full:hover .view-detail a, .view-detail a:hover{background:#24a357}

.product-img-outer img{border:1px solid #fff; box-shadow:0 0 4px #d9d9d9; max-width:100%}
.price{font:bold 22px Arial, Helvetica, sans-serif; color:#158dca}
.price img{margin-top:-6px}
.price span{font-size:30px;}
.product-id{font-family:'candara-bold'; font-size:18px; color:#282828; margin-top:15px;}
.product-id span{font:bold 18px Arial, Helvetica, sans-serif; }
.price-content-outer p{background:#ecf5f9; font:15px Arial, Helvetica, sans-serif; color:#292929; line-height:26px; padding:15px 20px; margin-top:10px; text-align:justify}
.price-content-outer a{font-family:'candara-bold'; font-size:18px; color:#fff; background:#47659f; border-radius:7px; float:right; text-transform:uppercase; padding:12px 36px 11px 36px; margin-top:18px; transition:0.5s ease-in-out;}
.price-content-outer a:hover{background:#24a357;}
.technical-head{font:bold 22px Arial, Helvetica, sans-serif; color:#47659f; border-bottom:3px solid #47659f; padding-bottom:12px; margin:15px 0 30px 0;}
.sub-head{font:bold 20px Arial, Helvetica, sans-serif; color:#2f2f30; margin:60px 0 23px 0;}
ul.product-des{padding:0 0 0 18px; margin:0; list-style:none;}
ul.product-des li{font-family:'candara'; font-size:18px; color:#2f3030; padding-left:25px; background:url(../images/dot.jpg) left top 6px no-repeat; margin:7px 0; text-align:justify }

.tbleouter, .wrapper2, .tbleouter2, .wrapper3 { width: 100%; overflow-x: hidden; overflow-y: hidden; }
.tbleouter, .tbleouter2 {height: 21px;}
.wrapper2 {}
.div1, .div3 {height:12px;}
.div2, .div4 {overflow: none; width:100% !important;}

.scroll-text{font-size: 14px; font-family: 'droid'; color: #fff; display:none; background:#47659f; padding:0px 5px 2px 5px; margin:5px 0 }
.scroll-text span{font-size: 15px; font-family: 'droid'; color: #fff;}
.images-list { display:block; margin:20px 0px; list-style:none; }
.images-list li { float:left; margin:0px 0px 20px 20px; list-style:none; width:23%; height:153px; overflow:hidden; border:1px solid #fff; box-shadow:0px 2px 8px rgba(0,0,0,0.6); border-radius:5px; display: flex; -webkit-box-align: center; align-items: center;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease; }


.images-list li a { margin:0px auto; }
.images-list li a img { max-width:100%; height:100%; border-radius:5px;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.images-list li:hover { box-shadow:0px 2px 8px rgba(0,0,0,0); }
.images-list li:hover img { opacity:0.7; }
.under-construction { display:block; text-align:center; margin:20px 0px; }
.under-construction img { margin-bottom:20px; max-width:100%; }
/* .logo { float:left; margin:0px 0px 8px 15px; } */
.atplogo { width:183px; float:right; margin:8px 0px 0px 0px; }
.atplogo img { max-width:100%; }
.management-cont { min-height:350px; padding:8px 20px 0px 20px; margin:20px 0px 0px 0px; border:1px solid #9bb9d3; transition:all 5s ease;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f8ff+0,e5edff+100 */
	background: #f4f8ff; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f8ff 0%, #e5edff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f8ff 0%,#e5edff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f8ff 0%,#e5edff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8ff', endColorstr='#e5edff',GradientType=0 ); /* IE6-9 */
}
.management-cont:hover { border:0; }

.management-cont h2 { font-size:26px; color:#0c6aad; margin:20px 0px 15px 0px; padding:0px; }

.management-cont p { font-family: 'candara'; color: #2f3030; text-align: justify; line-height: 27px; margin-bottom: 30px; }


.management-cont a { color:#0c6aad; margin:10px 0px 5px 0px; padding:0px; transition:all 2s ease; }
.management-cont a:hover { color:#000; text-decoration:underline !important; }
 
.management-cont h2:after {
	content:'';
	position:relative;
	display:block;
    height: 2px;
    width: 62px;
    background: #03a9f5;
    margin-top: 13px;
    transition: 0.5s ease-in-out;
}
.management-cont:hover > h2:after {
    width: 100px;
}
.catalog-list { margin:0px; padding:0px; list-style:none; }
.catalog-list li { margin:0 2% 3% 0; padding:0px; list-style:none; width:18%; text-align:center; float:left; }
.catalog-list li a img { max-width:100%; }
.catalog-list li span { padding:12px 5px; background-color:#0f5f9a; display:block; color:#fff; transition:all 2s ease; }
.catalog-list li a:hover > span { background-color:#e5322e; float:left; }




/*************************** media-query-strat ***************************/
@media screen and (max-width:1200px){
	.container{width:95% !important;}
	.captcha input[type=text]{width:40% !important; }
	.captcha input[type=button].code {width: 40%; }
	.images-list li { margin:0px 0px 20px 15px; width:22%; }
	.atplogo { width:155px; }
	.management-cont { min-height:390px; padding-bottom:0px; }
}

@media screen and (max-width:991px){
	.atplogo { width:19%; }
	.management-cont { min-height:445px; }
}



@media screen and (max-width:767px){
	.section-1, .section-1 p{text-align:center}
	.section-1 a{margin:15px 0 0 0; text-align:center; float:none; display:inline-block}
	.section-3 img{margin:10px 0 0 0 ;}
	.copyright-outer{margin-top:20px;}
	.footer-content ul{padding:0 0 30px 0;}
	.inner-about img{float:none; margin:0 0 20px 0; max-width:100%;}
	.contact-detail-outer{min-height:1px; margin-top:30px; text-align:center;}
	.icon{margin:0 auto; margin-bottom:7px;}
	.captcha input[type=text]{width:45% !important;}
	.captcha input[type=button].code {width: 35%;}
	.product-list-outer{margin-bottom:30px;}
	.price{margin-top:25px;}
	.tbleouter {height: 21px;}
	.div1 {height:12px;}
	.tbleouter, .wrapper2, .tbleouter2, .wrapper3 { width: 100%; overflow-x: scroll !important; overflow-y: hidden;}
	.tbleouter, .tbleouter2{ border:1px solid #70a442; border-bottom:0}
	.admission-now{top:auto;}
	.scroll-text{display:block;}
	.product-list-outer{display:none}
	.product-img-outer{max-width:388px;}
	.images-list li { width:30%; height:140px; }
	.atplogo { width:auto; float:left; margin-left:12%; }
	.management-cont { min-height:5px; }
	.catalog-list li { width:30%; }
}

@media screen and (max-width:600px){
	.products-main-outer{width:100% !important}
	.section-2 h1 span{font-size:36px;}
	.copy-right, .powered{width:100% !important; text-align:center;}
	.enquiry-field{width:100% !important}
	.enquiry-form input[type=submit]{float:none}
	ul.product-des{padding:0;}
	ul.product-des li{font-family:'candara'; font-size:16px; color:#2f3030; padding-left:20px;}
	.catalog-list li { width:46%; border:1px solid #CCC; margin-right:3%; }
}
@media screen and (max-width:550px){
	.top-social-outer { width:100% !important; text-align:center; }
	.topemail-outer { width:100% !important; text-align:center; }
	ul.header-strip-right li {  width:100% !important; text-align:center; }
	.atplogo { float:right; margin-left:0; width:auto; }
	.logo img { max-width:260%; }
	.mobblock { display:block !important; }

}


@media screen and (max-width:480px){
	.contact-info-bg{padding:0 15px;}
	.footer-content ul li{padding-left:34px;}
	.section-2 h1{font-size:18px;}
	.section-1 a, .products-main-outer .product-name, .section-3 p, .section-1 p{font-size:16px;}
	ul.header-strip-right{text-align:left;}
	ul.header-strip-right li{margin:0}
	.products-main-outer .product-name{position:inherit; width:100%;}
	.get-touch, .footer-head{padding:30px 0 10px 0; font-size:18px;}
	.inner-content-outer{padding:30px 0 20px 0;}
	.inner-content-outer h1{font-size: 30px;}
	.page-name-outer span{font-size:38px;}
	.product-full{width:100% !important;}
	.product-content-outer .product-name{font-size:18px;}
	.technical-head{font:bold 18px Arial, Helvetica, sans-serif}
     ul.product-des li, .price{margin-top:15px;}
	.sub-head{font:bold 17px Arial, Helvetica, sans-serif; margin:35px 0 10px 0; }
	.images-list li { width:45%; height:140px; }
	.atplogo { width:67%; }
}

@media screen and (max-width:380px){
	.section-2 h1 span{font-size:30px;}
	.section-3 .head, .channel-head{font-size:27px;}
	.section-2 a.view-product{padding:10px 20px; font-size:16px;}
	.inner-about p{font-size:16px; line-height:27px; margin-bottom:20px;}
	.captcha input[type=text]{width:100% !important;}
	.captcha input[type=button].code {width: 70%; margin:1px 10px 0 0;}
	.captcha a.refresh{margin-top:10px;}
	.price-content-outer a{font-size:15px;}
	.images-list li { margin:0px 0px 20px 0px; width:100%; height:auto; }
	.images-list li img {width:100%; height:100%; }
	.catalog-list li { width:100%; margin:0 0 5% 0; }
}

.images-lists { display:block; margin:20px 0px; list-style:none; }
.images-lists li { float:left; margin:0px 0px 20px 20px; list-style:none; width:100%; height:100%; overflow:hidden; border:1px solid #fff; box-shadow:0px 2px 8px rgba(0,0,0,0.6); border-radius:5px; display: flex; -webkit-box-align: center; align-items: center;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease; }


.images-lists li a { margin:0px auto; }
.images-lists li a img { max-width:100%; height:100%; border-radius:5px;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.images-lists li:hover { box-shadow:0px 2px 8px rgba(0,0,0,0); }
.images-lists li:hover img { opacity:0.7; }




.images-listss { display:block; margin:20px 0px; list-style:none; }
.images-listss li { float:left; margin:0px 0px 20px 20px; list-style:none; width:23%; height:350px; overflow:hidden; border:1px solid #fff; box-shadow:0px 2px 8px rgba(0,0,0,0.6); border-radius:5px; display: flex; -webkit-box-align: center; align-items: center;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease; }


.images-listss li a { margin:0px auto; }
.images-listss li a img { max-width:100%; height:100%; border-radius:5px;
transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.images-listss li:hover { box-shadow:0px 2px 8px rgba(0,0,0,0); }
.images-listss li:hover img { opacity:0.7; }