@charset "utf-8";
/* CSS Document */
/* =================  desktop 1024px ================= */
@media (min-width: 1200px){
.container {
    width: 1180px;}
	.navi-txt{display:none;}
	
/* faq css */
ul.fq{list-style:none; margin:0; padding:0;}
ul.fq>li{list-style:none; margin:3px 0px; padding:10px 0px; border-bottom:1px solid #ddd;}
ul.fq>li:hover{list-style:none; border-bottom:1px solid #999;}
ul.fq li>a{display:block; font:normal 13px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#333 !important; padding:5px 0px 5px 0px;}
.faq-text{margin:0 0 0 15px; display:none; padding:15px; border:1px solid #ddd; background:#fff;}
.faq-text p{font-weight:normal; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333}
ul.fq ul, ul.fq ol{margin:20px 0; list-style:inside}
ul.fq ul li, ul.fq ol li{margin:0;}
/* faq css end */

.top_sec{width:58%; float:right;}
.language_converter{float:left; margin-top:19px;}
.search_area{ width:39.5%; float:left; background:#fff; border:1px #666666 solid; border-radius:5px; margin-left:20px; padding:4px 5px 1px 12px; margin-top:19px;}
.online_payment{float:right;}
.search_area .input{font-family:Roboto, Arial, Helvetica, sans-serif; font-size:11px; color:#000; border:0px; vertical-align:top; width:91%; margin-right:5px;}

}

/* ================= Tablet (landscape) 1024px ================= */
@media only screen and (max-width: 1024px)
{
.container{ width:100%;}

.top-2{ width:80%;}

ul.nav li{ font-size:12px;}

/* products */
.pro-item-wrap a.pro-name{ }
.pro-item-wrap .image figure img{ width:100%;}
ul.social-links li{ margin:0;}

ul.social-links li .fa-facebook, .fa-twitter, .fa-linkedin, .fa-google-plus, .fa-youtube{ color:#606060; font-size:1.8em; transition:all ease-in-out 0.5s; border:2px solid #d1d1d2; padding:7px; width:41px; height:41px; border-radius:50%; background:#fff;}
.navi-txt{display:none;}

.top_sec{width:65%; float:right;}
.carousel-inners {
    position: relative;
    width: 86%;
    overflow: hidden;
    margin: 0 auto;
	height:214px; overflow:hidden;
}

.foot_midd_sect{ padding:0px 10px;}

}


/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 999px)
{
.container{ width:100%;}
.row{ padding:0px; margin:0;}
.header{ padding:4px 0 0 0;}

/* logo */
.logo{ margin-right:0; width:15%; margin-bottom:8px;}
.logo img{ max-width:100%;}

.top-2{ width:84%; float:right;}

/* nav section */
.nav-section{ width:100%; float:none;}
ul.nav li{ font-size:12px;}
ul.nav li a{ padding:13px 22.3px;}
ul.nav li:last-child{border-right:0px;}
.nav-section {width: 100%; float: none; clear: both;}
.navbar-nav {float: none; margin: 0; background: #134995; height: 46px; width:100%;}
.carousel-wrap {
    width: 67% !important;
}
.navbar-toggle {position: relative; float: right; padding: 6px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}

.top_sec{width:58%; float:right;}
.language_converter{float:right; margin-top:12px;}
.search_area{ width:68%; float:right; background:#fff; border:1px #666666 solid; border-radius:5px; margin-left:20px; padding:4px 5px 1px 12px; margin-top:4px;}
.online_payment{ display:none;}

.inner-abouts h3{ font-size:21px;}
a.refer{ font-size:14px !important;}


.dtl-des_cont{ height:431px; overflow:auto;}

/* carousel */
.carousel{ height:164px;}
.pro-item-wrap .image{ width:auto;}

.pro-item-wrap a.pro-name{ }

.custom-social{ width:100%; text-align:center;}


.foot-logo img{ max-width:100%;}

.quick-links{ width:48%;}
.quick-links a{ width:67%;}

.custom-social{ clear:both; width:100% !important; text-align:center !important;}
.col-wrap{ width:33.33%;}
ul.social-links{ float:none;}
.item-wrap:hover .name{ display:none;}
.pro-item-wrap a.pro-name{ font-family:Roboto, sans-serif; font-weight:400; display:block; position:absolute; bottom:20px; background-color:#1689d2; font-size:15px; color:#fff; padding:15px 0px; opacity:1; border-radius:10px; transition:all ease-in-out 0.3s; width:94%; left:0; right:0; margin:0 auto; } 
}

/* ================= mobile (landscape) 515 ================= */
@media only screen and (max-width: 515px)
{
/* logo */
.logo{ width:100%; text-align:center; margin-bottom:20px;}
.top-2{ width:100%; text-align:center;}
.top-2 .logo2{ width:100%; text-align:center; margin-bottom:20px;}
.top-2 .logo2 img{ max-width:90%;}

.top-2 .right-links{ float:none; width:80%; margin:auto; display:block; text-align:center;}
.top-2 .right-links ul.links li{ float:none; display:inline-block; text-align:center;}


/* nav */
.header{padding-bottom:0px;}
.navbar-toggle .icon-bar{ background-color:#000000; padding:2px 3px;}
.nav-section{ width:100%; margin:0 !important;}
ul.nav li a{ padding:10px 15px!important; border-bottom:1px solid #666; background-color:#333; color:#fff;}
ul.nav li a:hover{ background-color:#ea9703; color:#333;}
.main-nav{ margin:0 !important;}
.navbar-header{padding:0; margin:0 !important;}
.col-wrap {width: 100%;}

.top_sec{width:100%; float:none; text-align:center;}
.language_converter{float:none; margin-top:12px; display:inline-block;}
.search_area{ width:68%; float:none; background:#fff; border:1px #666666 solid; border-radius:5px; margin-left:0px; padding:4px 5px 1px 12px; margin:4px auto;}
.online_payment{ display:none;}

/* scroller */
.carousel{ height:164px;}
.carousel-control.right{ right:0px;}
.carousel-control.left{ left:0px;}

/* products */
.pro-item-wrap .image{ width:279px;}
.pro-item-wrap a.pro-name{ }

/* social icons */
.col-wrap{ text-align:center; height:auto;}
ul.social-links{ float:none; display:block; border-bottom:1px solid #c3c2c0; padding:10px 0;}
.ul.social-links li{ display:inline-block; text-align:center !important; float:none !important;}

.details{border-bottom:1px solid #c3c2c0; padding:10px 0; text-align:left;}

/* footer */
.quick-links{ width:100%;}
.quick-links a{ display:block; width:100%;}
.foot-logo{ float:none; text-align:center; clear:both; padding-top:20px;}
.copyright{ padding:20px 0; border-radius:0;}

/* footer */
.slide-menu{ display:none; padding:10px;}
.slide-menu1{ display:none; padding:10px;}
.quick-links{ padding:0px;}
.quick-links a{ display:block; width:100%; padding:5px 0; border-bottom:1px solid #fff;}
.quick-links h3{ font:400 20px/20px Roboto, sans-serif; color:#fff; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/open.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0; padding:10px 0;}
.quick-links h3.f_act{background:url(../images/close.png) no-repeat 97% center; outline:none;}
.quick-links h3 a{font:400 20px/20px Roboto, sans-serif; color:#fff; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.quick-links h3 a:hover{ text-decoration:none;}

.item-wrap:hover .name{ display:none;}
a.refer{display:none;}
.inner-abouts p{ padding:0 10px;}
.foot-logo img{ max-width:50%;}

}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width: 767px) 
{
/* logo */
.logo{ width:100%; text-align:center; margin-bottom:0px;}
.top-2{ width:100%; text-align:center;}
.top-2 .logo2{ width:100%; text-align:center; margin-bottom:0px;}
.top-2 .logo2 img{ max-width:90%;}

.top-2 .right-links{ float:none; width:80%; margin:auto; display:block; text-align:center;}
.top-2 .right-links ul.links li{ float:none; display:inline-block; text-align:center;}


/* nav */
.header{padding-bottom:0px;}
.navbar-toggle .icon-bar{ background-color:#fff; padding:2px 3px;}
.navbar-nav {float: none; margin: 0; background: #134995; height: auto !important; width: 100%;}
.nav-section{ width:100%; margin:0 !important;}
ul.nav li a{ padding:10px 15px!important; border-bottom:1px solid #156fba; background-color:#333; color:#fff;}
ul.nav li a:hover{ background-color:#1689d2; color:#fff;}
.main-nav{ margin:0 !important;}
.navbar-header{padding:0; margin:0 !important; background:#134995;}

.navi-txt{float:left; font-size:16px; color:#fff; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:600; padding-left:10px; line-height:50px; display:block;}
.navi-txt a{color:#fff;}
/* scroller */
.carousel{ height:164px;}
.carousel-control.right{ right:0px;}
.carousel-control.left{ left:0px;}



/* social icons */
.col-wrap{ text-align:center; height:auto;}
ul.social-links{ float:none; display:block; border-bottom:1px solid #157ec7; padding:10px 0;}
.ul.social-links li{ display:inline-block; text-align:center !important; float:none !important;}

.details{border-bottom:1px solid #157ec7; padding:10px 0; text-align:left;}


/* footer */
.quick-links{ width:100%;}
.quick-links a{ display:block; width:100%;}
.foot-logo{ float:none; text-align:center; clear:both; padding-top:20px;}
.copyright{ padding:20px 0; border-radius:0;}

/* footer */
.slide-menu{ display:none; padding:10px;}
.slide-menu1{ display:none; padding:10px;}
.quick-links{ padding:0px;}
.quick-links a{ display:block; width:100%; padding:5px 0; border-bottom:1px solid #fff;}
.quick-links h3{ font:400 20px/20px Roboto, sans-serif; color:#fff; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/open.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0; padding:10px 0;}
.quick-links h3.f_act{background:url(../images/close.png) no-repeat 97% center; outline:none;}
.quick-links h3 a{font:400 20px/20px Roboto, sans-serif; color:#fff; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.quick-links h3 a:hover{ text-decoration:none;}


.foot_midd_sect h3{ font:400 20px/20px Roboto, sans-serif; color:#fff; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/open.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0 0 14px 0; padding:10px 0;}
.foot_midd_sect h3.f_act{background:url(../images/close.png) no-repeat 97% center; outline:none;}
.foot_midd_sect h3 a{font:400 20px/20px Roboto, sans-serif; color:#fff; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.foot_midd_sect h3 a:hover{ text-decoration:none;}
.ft_midd_inn p a{ display:block; border-bottom:1px solid #fff; line-height:30px;}
.ft_midd_inn p a:hover{ color:#c8eaff}
.ft_midd_inn p span{ display:none}
.foot_midd_sect{ padding:0px;}


/* donwload catalog */
.logo{ margin-top:0px;}
.download-catalogue{ top:0; right:auto !important; width:100%; text-align:center;}
.nav-pills > li{ float:none; display:inline-block;}
ul.nav li a{ background-color:#134995;}
.dropdown-menu{ padding:0 !important;}
.download-catalogue ul.nav li{ background-color:#134995 !important;}
.item-wrap:hover .name{ display:none;}
a.refer{display:none;}
.inner-abouts p{ padding:0 10px;}

.foot-logo img{ max-width:50%;}
.details p{ font-size:14px;}
.sitemap a{ float:none; width:98%;}

.pro-item-wrap .image{ width:253px;}
.carousel-inners {
    position: relative;
    width: 88%;
    overflow: hidden;
    margin: 0 auto;
}

}


/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width: 479px)
{
/* logo */
.logo{ width:100%; text-align:center; margin-bottom:0px;}
.top-2{ width:100%; text-align:center;}
.top-2 .logo2{ width:100%; text-align:center; margin-bottom:20px;}
.top-2 .logo2 img{ max-width:90%;}

.top-2 .right-links{ float:none; width:80%; margin:auto; display:block; text-align:center;}
.top-2 .right-links ul.links li{ float:none; display:inline-block; text-align:center;}


/* nav */
.header{padding-bottom:0px;}
.navbar-toggle .icon-bar{ background-color:#fff; padding:2px 3px;}
.nav-section{ width:100%; margin:0 !important; position:static;}
ul.nav li a{ padding:10px 15px!important; border-bottom:1px solid #1689d2; background-color:#333; color:#fff;}
ul.nav li a:hover{ background-color:#1689d2; color:#fff;}
.main-nav{ margin:0 !important;}
.navbar-header{padding:0; margin:0 !important;}
.search_area{ width:92% !important; float:none; background:#fff; border:1px #666666 solid; border-radius:5px; margin-left:0px; padding:4px 5px 1px 12px; margin:4px auto;}
/* scroller */
.carousel{ height:164px;}
.carousel-control.right{ right:0px;}
.carousel-control.left{ left:0px;}

.pro-item-wrap a.pro-name{}

/* detail page */
.dtl_images{ display:none;}
.thm_img{ display:none;}
.mobile-view{ display:block; width:100%;}
.mobile-view img{ max-width:100%;}

/* social icons */
.col-wrap{ text-align:center; height:auto;}
ul.social-links{ float:none; display:block; border-bottom:1px solid #1689d2; padding:10px 0;}
.ul.social-links li{ display:inline-block; text-align:center !important; float:none !important;}

.details{border-bottom:1px solid #157ec7; padding:10px 0; text-align:left;}

/* footer */
.quick-links{ width:100%;}
.quick-links a{ display:block; width:100%;}
.foot-logo{ float:none; text-align:center; clear:both; padding-top:20px;}
.copyright{ padding:20px 0; border-radius:0;}

/* footer */
.slide-menu{ display:none; padding:10px; width:100%;}
.slide-menu1{ display:none; padding:10px; width:100%;}
.quick-links{ padding:0px;}
.quick-links a{ display:block; width:100%; padding:5px 0; border-bottom:1px solid #fff;}
.quick-links h3{ font:400 20px/20px Roboto, sans-serif; color:#fff; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/open.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0; padding:10px 0;}
.quick-links h3.f_act{background:url(../images/close.png) no-repeat 97% center; outline:none;}

.quick-links h3 a{font:400 20px/20px Roboto, sans-serif; color:#fff; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.quick-links h3 a:hover{ text-decoration:none;}



/* donwload catalog */
.logo{ margin-top:0px;}
.download-catalogue{ top:0; right:auto !important; width:100%; text-align:center;}
.nav-pills > li{ float:none; display:inline-block;}
ul.nav li a{ background-color:#134995; color:#fff;}
.dropdown-menu{ padding:0 !important;}
.download-catalogue ul.nav li{ background-color:#eee !important;}

.item-wrap:hover .name{ display:none;}
a.refer{display:none;}
.inner-abouts p{ padding:0 10px;}

.foot-logo img{ max-width:50%;}


.col-wrap{ width:100%;}
.sitemap a{ float:none; width:98%;}
.pro-item-wrap .image{ width:253px;}

.details{ }
.carousel-inners {position: relative; width: 95%; overflow: hidden; margin:0 auto;}
}