body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px Arial, Helvetica, sans-serif; color:#000; background: #fff; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none !important; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-input-placeholder { opacity: 1; }
input[type="text"]::-moz-input-placeholder { opacity: 1; }
input[type="search"]::-webkit-input-placeholder { opacity: 1; }
input[type="search"]::-moz-input-placeholder { opacity: 1; }
input[type="email"]::-webkit-input-placeholder { opacity: 1; }
input[type="email"]::-moz-input-placeholder { opacity: 1; }
input[type="tel"]::-webkit-input-placeholder { opacity: 1; }
input[type="tel"]::-moz-input-placeholder { opacity: 1; }
textarea::-moz-input-placeholder { opacity: 1; }
textarea::-webkit-input-placeholder { opacity: 1; }
a:hover{ outline: none !important; text-decoration: none !important;}
a:active{ outline: none !important;text-decoration: none !important;}

input{outline: none !important;}
textarea{outline: none !important;}

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

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

.wrapper{ width: 100%;}

.header_sec{ width: 100%;}
.header_top{ width: 100%; padding: 13px 0; }
.header_top .navbar-brand{ width: auto; padding: 0px; margin: 0px; height: auto;  }
.header_top .navbar-brand img{ max-width: 100%; }
.header_top_rt{  width: auto; float: right; }
.header_top_rt a.call{ width: auto; float: right; font: normal 21px/24px 'CenturyGothic-Bold'; color:#104378; 
text-decoration: none; padding-top: 30px; }
.header_top_rt a.call i{ margin-right: 5px; color:#c4c4c4;}

.category_search{ width: 470px; float: left; margin: 20px 35px 0 0; border: 1px solid #e6e6e6;}
.categry_select{ width: 36%; float: left; height: 45px; }
.categry_select .btn{ width: 100%; height: 45px; border: none !important; box-shadow: inherit !important; background: #fff !important; 
 border-radius: 0px; font: normal 14px/16px 'Century Gothic'; color:#40c8f4; outline: none !important; }
.categry_select .form-control{ border: none !important; box-shadow: inherit !important; background: #fff !important; outline: none !important; }
.categry_select .btn-default:active:hover, 
.categry_select .btn-default.active:hover, 
.categry_select .open > .dropdown-toggle.btn-default:hover, 
.categry_select .btn-default:active:focus, 
.categry_select .btn-default.active:focus, 
.categry_select .open > .dropdown-toggle.btn-default:focus, 
.categry_select .btn-default:active.focus, 
.categry_select .btn-default.active.focus, 
.categry_select .open > .dropdown-toggle.btn-default.focus{ color:#40c8f4 !important; background: #fff !important; outline: none !important; }
.categry_select .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ color:#40c8f4 !important;}
.categry_select .bootstrap-select.btn-group .dropdown-menu{ border-radius: 0px; }
.categry_select .bootstrap-select.btn-group .dropdown-menu li a{font: normal 14px/16px 'Century Gothic'; color:#40c8f4; padding: 8px 10px;}
.categry_select .bootstrap-select.btn-group .dropdown-toggle .caret{ border: none; background: url(../images/selct-arw1.png) no-repeat 0 0; 
 width: 9px; height: 8px; }
 
.categry_txtBox{ width: 64%; float: right; } 
.categry_txtBox input[type="text"]{ width: 84%; float: left; height: 45px; font: normal 14px/45px 'Century Gothic'; color:#d2d2d2; 
 background: #fff; outline: none; border:none;  border-left: 1px solid #e6e6e6; border-radius: 0px; -webkit-appearance: none; padding: 0 10px; } 
.categry_txtBox input[type="submit"]{ width: 16%; float: right; height: 45px; outline: none; border:none;  
border-radius: 0px; -webkit-appearance: none; cursor: pointer; background: url(../images/glass.png) no-repeat center center; }
.categry_txtBox input[type="text"]::placeholder{ opacity: 1; color:#d2d2d2; }

.header_menu{ width: 100%; background: #000; }
.nav_top{ background: none; padding: 0px; margin: 0px; border-radius: 0px; box-shadow: inherit; width: 100%; border: none; min-height: inherit; }
.menu_sec{ padding-right: 0 !important; margin: 0 !important; }
.menu_sec li{ margin-right: 2px; position: relative; }
.menu_sec li:first-child{ margin-left: 0px; }
.menu_sec li a{ padding: 22px 32px; font: normal 15px/17px 'CenturyGothic-Bold'; color:#fff !important; text-transform: uppercase; 
 outline: none; 
  -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s; }
.menu_sec li a:hover{ background: #40c8f4 !important; color:#fff !important; }
.menu_sec li:hover a{ background: #40c8f4 !important; color:#fff !important; }
.menu_sec li.actv a{ background: #40c8f4 !important; color:#fff !important; }

.droparw{height: 14px; margin: 0 !important; padding: 0 !important;position: absolute !important; right: 5px; 
top: 34%; width: 18px;  z-index: 9999; cursor: pointer; }
.droparw b{color: #fff;}
.nav_top .nav .open > a, .nav_top .nav .open > a:hover, .nav_top .nav .open > a:focus{ background-color: inherit !important;}
.nav_top .dropdown .dropdown-menu li{width: 100%; float: left; border:none; margin: 0px !important; padding: 0px; background: none; }
.nav_top .dropdown .dropdown-menu li:last-child{ border-bottom: none;}
.nav_top .dropdown .dropdown-menu li a{  font: normal 15px/17px 'CenturyGothic-Bold'; color:#fff !important; padding: 10px 15px; 
background: none; border: none; text-transform: none; width: 100%; float: left; text-transform: uppercase; background: none !important;}
.nav_top .dropdown .dropdown-menu li a:hover{ color: #fff !important;background: #00afef !important; }
.nav_top .navbar-collapse{ padding: 0px; border: none; box-shadow: inherit; }

.login_btn{ width: auto; position: absolute; right: 0px; top: 11px; z-index: 999; padding: 10px 24px; border: 2px solid #40c8f4;
 font: normal 14px/16px 'CenturyGothic-Bold'; color:#40c8f4; text-transform: uppercase; text-decoration: none; outline: none; 
  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; }
.login_btn:hover{ background: #40c8f4; color:#fff; }


.banner_sec{ width: 100%; position: relative; }
.banner_box{ width: 100%; position: relative; background-size: cover !important; min-height: 670px; }
.banner_inner{ width: 100%; position: absolute; left: 0px; top: 28%; z-index: 99; }
.banner_details_box{ width: 615px; display: inline-block; background: rgba(64, 200, 244, 0.85); padding: 44px 40px; }
.banner_details_box h2{ font: normal 50px/52px 'CenturyGothic-Bold'; color:#fff; text-transform: uppercase; }
.banner_details_box p{ font: normal 16px/28px 'Century Gothic'; color:#fff; padding-top: 10px; text-align: justify; }
.banner_details_box a{ padding: 15px 27px; background: #000; color:#fff; text-transform: uppercase; text-decoration: none; 
 font: normal 15px/18px 'CenturyGothic-Bold'; text-decoration: none; outline: none; margin-top: 12px; display: inline-block;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s; }
.banner_details_box a i{ margin-left: 5px; }
.banner_details_box a:hover{ background: #fff; color:#000; }
.banner_sec .carousel-indicators li{ width: 33px; height: 33px; border: none; margin: 0 2px; background: url(../images/dot2.png) no-repeat 0 0; }
.banner_sec .carousel-indicators li.active{ width: 33px; height: 33px; border: none; background: url(../images/dot1.png) no-repeat 0 0; }
 

.banner_btm_sec{ width: 100%; padding: 45px 0; }
.banner_btm_sec .row{ margin: 0 -30px; }
.banner_btm_sec .col-sm-4{ padding: 0 30px; }
.banner_btm_box{ width: 100%; background: #77787b; padding: 2px 10px 3px;}
.banner_btm_box .media-heading{ margin: 0px; font: normal 15px/21px 'CenturyGothic-Bold'; color:#fff; padding-top: 8px; }
.banner_btm_box .media-left{padding: 10px; padding-left: 0px; }
.banner_btm_box .media-left img{border-right: 1px solid #a9a9a9; padding-right: 10px}


.our_categry{ padding: 60px 0; width: 100%; background: #f7f7f7; }
.top_heading{ width: 100%; display: inline-block; text-align: center; }
.top_heading h3{ font: normal 45px/48px 'CenturyGothic-Bold'; color:#222222; text-transform: uppercase; }
.top_heading h5{ font: normal 18px/26px 'CenturyGothic-Bold'; color:#666666; padding-top: 5px; }
.our_categry_left{ width: 100%; background: #f0f0f0; margin-top: 25px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px; }
.our_categry_left h3{ font: normal 20px/26px 'CenturyGothic-Bold'; color:#fff; text-transform: uppercase; background: #40c8f4;
 padding: 14px 18px; 
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0; margin-bottom: 5px; }

.our_categry_left .panel-heading{ padding: 0px; border: none; background: none; border-radius: 0px; box-shadow: inherit; }
.our_categry_left .panel{ padding: 0px; border: none; background: none; border-radius: 0px; box-shadow: inherit; }
.our_categry_left .panel-heading .panel-title a{ width: 100%; display: inline-block; padding: 10px 18px; 
font: normal 17px/19px 'CenturyGothic-Bold';  background: #77787b; color:#fff; }
.our_categry_left .panel-heading .panel-title a.collapsed{ color:#333333; background: none; }
/*.our_categry_left .panel-heading .panel-title a:hover{ background: #77787b; color:#fff; }*/
.our_categry_left .panel-default > .panel-heading + .panel-collapse > .panel-body{ border: none;}
.our_categry_left .panel-body{ padding: 10px; padding-left: 30px;}
.our_categry_left .panel-body ul{ width: 100%; display: inline-block; }
.our_categry_left .panel-body ul li{ width: 100%; display: inline-block; font: normal 14px/18px 'Century Gothic'; color:#666666;
 padding-left: 12px; margin: 8px 0 0; background: url(../images/bordr-left.png) no-repeat left 3px; }
.our_categry_left .panel-body ul li a{ outline: none; text-decoration: none; color:#666666; }
.our_categry_left .panel-body ul li a:hover{ color:#40c8f4; }

.our_categry_left .panel-heading .panel-title a{ position: relative; }
.our_categry_left .panel-heading .panel-title a.collapsed .rt_arww{ display: none; }
.rt_arww{ width: 9px; height: 24px; background: url(../images/bordr-left2.png) no-repeat 0 0; position: absolute; top: 50%; right: -8px; margin-top: -12px; }

.our_categry_rt{ width: 100%; display: inline-block; } 
.product_box{ width: 100%; display: inline-block; margin-top: 25px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s; }
.product_pic{ width: 100%; position: relative; }
.product_pic a{ width: 100%; }
.product_pic img{ width: 100%; }
.product_txt{ width: 100%;}
.product_txt a{ padding: 25px 10px; text-align: center; width: 100%; font: normal 18px/20px 'CenturyGothic-Bold'; color:#333; display: block;
    -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s; }
.product_box:hover{ -moz-box-shadow: 0 0 18px -11px #333; -webkit-box-shadow: 0 0 18px -11px #333; box-shadow: 0 0 18px -11px #333; }
.product_box:hover .product_txt a{ background: #fff; color:#40c8f4; }
.product_hover{ width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; background: rgba(119, 120, 123, 0.75); padding:10px;
 visibility: hidden; opacity: 0;  text-align: center; 
    -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s;}
.product_hover p{ font: normal 15px/26px 'CenturyGothic-Bold'; color:#fff; padding-top: 30px; }
.product_hover a{ display: inline-block; padding: 12px 18px; font: normal 14px/16px 'CenturyGothic-Bold'; color:#fff; background: #40c8f4;
 text-decoration: none; text-transform: uppercase; margin: 15px 0 0; width: auto; 
     -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s; }      
.product_box:hover .product_hover{ visibility: visible; opacity: 1; }
.product_hover a:hover{ background: #fff; color:#40c8f4; }

.load_more_btn{ width: 100%; display: inline-block; text-align: center; margin-top: 60px; }
.load_more_btn a{ display: inline-block; padding: 12px 34px 12px 56px; background: url(../images/load-icon.png) no-repeat 34px 14px #40c8f4; 
 font: normal 14px/16px 'CenturyGothic-Bold'; color:#fff; text-decoration: none; text-transform: capitalize; 
      -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s; 
   -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
      transition: all 0.3s;}
.load_more_btn a:hover{ background: url(../images/load-icon.png) no-repeat 34px 14px #000; color:#fff; }

.mid_sec{ width: 100%; padding: 60px 0; }
.flexble_sec{ width: 100%; display: inline-block; }
.flexble_box{ width: 100%; display: inline-block; }
.flexble_text{ width: 100%; display: inline-block; padding: 54px 0 0; }
.flexble_text .top_heading{ text-align: left; }
.flexble_text .top_heading h3{ color:#104378; }
.flexble_text_inner{ width: 330px; display: inline-block; border-left: 5px solid #e1e1e1; padding: 0 0 6px 20px; margin-top: 20px; }
.flexble_text_inner p{ font: normal 15px/26px 'Century Gothic'; color:#a2a2a2; }
.flexble_pic{ width: 100%; }
.flexble_pic img{ width: 100%; }

.flexble_sec .carousel-indicators li{ width: 10px; height: 10px; background: #cacaca; border: none; margin: 0 5px; }
.flexble_sec .carousel-indicators li.active{ width: 10px; height: 10px; background: #104378; border: none; }
.flexble_sec .carousel-indicators{ width: auto; display: inline-block; margin: 0px; position: inherit; left: inherit; top: inherit; bottom: inherit; padding-left: 0; }
.dot_main{ width: 100%; position: absolute; left: 0px; bottom: 30px; z-index: 99; }
.flexble_sec .carousel-indicators li:first-child{ margin-left: 0px; }

.works_sec{ width: 100%; display: inline-block; padding-bottom: 80px; border-bottom: 1px solid #cecece; }
.works_box{ width: 100%; display: inline-block; margin-top: 40px; background: #f7f7f7; padding: 30px 25px; text-align: center; min-height: 315px; border-bottom: 4px solid #104378; }
.works_box img{ max-width: 100%; }
.works_box h5{ font: normal 18px/26px 'CenturyGothic-Bold'; color:#333333; padding-top: 10px; }
.works_box p{ font: normal 14px/24px 'Century Gothic'; color:#333333;  padding-top: 12px;}



.about_sec{ width: 100%; display: inline-block; margin: 50px 0 0; }
.about_sec .top_heading h3{ color:#104378; }
.about_sec .top_heading p{ font: normal 16px/28px 'Century Gothic'; color:#666666; padding-top: 15px; }
.about_inner{ width: 100%; display: inline-block; padding: 0 40px;}
.about_box{ width: 100%; display: inline-block; margin-top: 25px; }
.about_pic{ width: 100%; }
.about_pic a{ width: 100%; }
.about_pic img{ width: 100%; }
.about_txt{ width: 100%; display: inline-block; }
.about_txt h5{ font: normal 17px/22px 'CenturyGothic-Bold'; color:#333333; padding-top: 10px; text-transform: uppercase; }
.about_txt p{ font: normal 14px/24px 'Century Gothic'; color:#666666; padding-top: 6px; }
.about_inner .owl-prev{ width: 33px; height: 34px; background: url(../images/prev.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; left: -40px; top: 35%; z-index: 999; font-size: 0px; }
.about_inner .owl-next{ width: 33px; height: 34px; background: url(../images/next.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; right: -40px; top: 35%; z-index: 999; font-size: 0px; }


.our_product_sec{ width: 100%; background: #77787b; padding: 50px 0; }
.our_product_sec .top_heading h3{ color:#fff; } 
.our_product_sec .top_heading h5{ color:#fff; padding-top: 12px; } 
.our_product_inner{ width: 100%; display: inline-block; padding: 0 40px; }
.our_product_box{ width: 100%; display: inline-block; margin-top: 25px; }
.our_product_pic{ width: 100%; }
.our_product_pic a{ width: 100%; }
.our_product_pic img{ width: 100%; }
.our_product_txt{ width: 100%; display: inline-block; text-align: center; }
.our_product_txt h5{ font: normal 18px/22px 'CenturyGothic-Bold'; color:#fff; padding-top: 10px; }
.our_product_txt h5 a{ text-decoration: none; color:#fff; }
.our_product_inner .owl-prev{ width: 27px; height: 67px; background: url(../images/prev2.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; left: -40px; top: 35%; z-index: 999; font-size: 0px; }
.our_product_inner .owl-next{ width: 27px; height: 67px; background: url(../images/next2.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; right: -40px; top: 35%; z-index: 999; font-size: 0px; }


.our_partner_sec{ width: 100%; padding: 50px 0; }
.our_partner_inner{ width: 100%; display: inline-block; padding: 0 40px; }
.logo_box{ width: 100%; border: 1px solid #d6d4d4; }
.logo_box a{ width: 100%; }
.logo_box img{ width: 100%; }
.our_partner_inner .owl-prev{ width: 33px; height: 34px; background: url(../images/prev.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; left: -40px; top: 35%; z-index: 999; font-size: 0px; }
.our_partner_inner .owl-next{ width: 33px; height: 34px; background: url(../images/next.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; right: -40px; top: 35%; z-index: 999; font-size: 0px; }


.footer_sec{ width: 100%; background: url(../images/footer-bg.png) no-repeat right top #222222; padding: 75px 0 0; }
.footer_logo{ width: 100%; text-align: center; margin-top: 60px; }
.footer_logo img{ max-width: 100%; }
.footer_box{ width: 100%; display: inline-block; }
.footer_box2{ padding-left: 30px;}
.footer_box h4{ font: 700 20px/24px 'CenturyGothic-Bold'; color:#fff; text-transform: uppercase; padding-bottom: 6px;}
.ftr_menu{ width: 100%; display: inline-block; }
.ftr_menu li{ width: 100%; display: inline-block; font: normal 15px/20px 'Century Gothic'; color:#c1c1c1; padding-left: 18px;
 margin-top: 13px; background: url(../images/bullet.png) no-repeat left 6px; }
.ftr_menu li a{ color:#c1c1c1; text-decoration: none; }
.ftr_menu li a:hover{ color:#40c8f4; }

.locaton_list{ width: 100%; display: inline-block; }
.locaton_list li{ width: 100%; display: inline-block; margin-top: 10px; padding: 2px; padding-left: 26px; 
font: normal 14px/20px 'Century Gothic'; color:#c1c1c1;  }
.locaton_list li a{ color:#c1c1c1; text-decoration: none;}
.locaton_list li a:hover{ color:#40c8f4; }
.locaton_list li:nth-child(1){ background: url(../images/loaction-icon1.png) no-repeat left 3px;}
.locaton_list li:nth-child(2){ background: url(../images/loaction-icon2.png) no-repeat left 4px;}
.locaton_list li:nth-child(3){ background: url(../images/loaction-icon3.png) no-repeat left 7px;}
.locaton_list li strong{ color:#fff; font-weight: 700; font-size: 18px; display: inline-block; padding-bottom: 12px; }

.copy_rt{ width: 100%; text-align: center; padding: 28px 0; margin-top: 30px; border-top: 1px solid #595959; }
.copy_rt p{ font: normal 16px/18px 'Century Gothic'; color:#fff;  }
.copy_rt p a{ color:#adadad; text-decoration: none;}
.copy_rt p a:hover{ color:#40c8f4; }



/*--our-products--*/
.inner_bannr .banner_box{ min-height: 350px; }
.inner_bannr .banner_inner { top: 17%;}
.service_product_sec{ width: 100%; padding: 45px 0 110px 0; }
.service_product_sec .top_heading h3{ color:#104378; }
.service_product_sec .top_heading h5{ color:#333; }
.service_product_inner{ width: 100%; display: inline-block; margin-top: 40px; }
.service_product_box{ width: 100%; display: inline-block; padding: 15px; }
.service_product_box img{ max-width: 100%; width: auto !important; display: inline-block !important;  }
.service_product_box h5{ font: normal 18px/26px 'CenturyGothic-Bold'; color:#40c8f4; padding-top: 10px; text-transform: uppercase; }
.service_product_box p{ font: normal 14px/24px 'Century Gothic'; color:#666666;  padding-top: 12px; }
.service_product_box a{ font: normal 14px/16px 'CenturyGothic-Bold'; color:#333333; margin-top: 20px; text-decoration: underline !important; text-transform: uppercase;
 outline: none; display: inline-block; }

.service_product_inner .owl-prev{ width: 33px; height: 34px; background: url(../images/prev.png) no-repeat 0 0; background-size: 100% 100%;
 float: left; z-index: 999; font-size: 0px; }
.service_product_inner .owl-next{ width: 33px; height: 34px; background: url(../images/next.png) no-repeat 0 0; background-size: 100% 100%;
 float: right; z-index: 999; font-size: 0px; }
.service_product_inner .owl-nav{ width: 80px; position: absolute; left: 50%; margin-left: -40px; bottom: -60px; z-index: 99; }



/*--our-suppliers--*/
.supplier_sec{ padding: 35px 0 !important; background: url(../images/suppler-inner-bg.png) no-repeat left 85%; background-size: 400px; }
.supplier_inner{ width: 100%; display: inline-block; margin-top: 30px; }
.supplier_inner .owl-prev{ width: 32px; height: 32px; background: url(../images/prev3.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; left: -40px; top: 48%; z-index: 999; font-size: 0px; }
.supplier_inner .owl-next{ width: 32px; height: 32px; background: url(../images/next3.png) no-repeat 0 0; background-size: 100% 100%;
 position: absolute; right: -40px; top: 48%; z-index: 999; font-size: 0px; }
.supplier_inner .works_box img{ width: auto !important; display: inline-block !important; }
.supplier_inner .works_box { border: 4px solid #c4c7c7; background: #fff; min-height: 260px; padding: 15px 40px; }
.supplier_inner .works_box p{ font-size: 11.69px; line-height: 20px; padding-top: 8px; }
.supplier_inner .works_box h5{ font-size: 15.03px; line-height: 18px; }

.detail_main{width: 100%; position: relative; padding: 17px 19px 0 30px; border: 3px solid #91a9c1; margin-top: 55px; background: #fff; }
.detail_main .top_heading h3 {color: #104378; font-size: 36px; line-height: 40px; }
.detail_main .top_heading h3 {color: #104378;}
.detail_inner{width: 100%; position: relative; display: inline-block;}
.detail_inner p{font: normal 16px/28px 'Century Gothic';color: #666666; margin-top: 45px;}
.detail_left{width: 100%;}
.detail_right{width: 100%; text-align: center;     display: inline-block;  margin-top: 28px;}
.detail_right img{max-width: 100%; }
.detail_left a{background: #40c8f4; font: normal 14px/16px 'Century Gothic'; color: #fff; padding: 12px 40px 12px 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s;
  -o-transition: all 0.3s;transition: all 0.3s; margin: 45px 0; display: inline-block;}
.detail_left a:hover{background: #000; color: #fff;}



/*--about-us--*/
.about_main .top_heading h5 {color: #333;}
.about_main{ padding-bottom: 45px; }
.about_top{ width: 100%; display: inline-block; margin-top: 20px; }
.about_top_txt{ width: 100%; display: inline-block; }
.about_top_txt p{ font: normal 16px/28px'Century Gothic'; color: #666666; padding-top: 30px; }
.about_top_pic{ width: 430px; float: right; margin: 35px 0 20px 20px; }
.about_top_pic img{ max-width: 100%; }
.about_main .about_inner{ padding: 0px;}




/*--contact-us--*/
.contact_us{width: 100%; position: relative; padding: 50px 0;}
.contact_us h3{color: #104378;}
.contact_us h5{color: #666666;}
.contact_inner{width: 100%; position: relative; margin-top: 75px; display: inline-block;}
.contact_inner .top_heading.hed2 h3{font: bold 36px/50px 'CenturyGothic-Bold'; color: #222222; text-transform: inherit; color: #104378;}
.contact_inner .top_heading.hed2 h5{color: #666666;}
.contact_inner_main{width: 100%; position: relative; margin-top: 75px; display: inline-block;}
.contact_box{text-align: center; width: 100%; display: inline-block;}
.contact_box img{max-width: 100%;}
.contact_box p{ font: normal 18px/20px 'CenturyGothic-Bold';color: #666666; padding: 25px 30px 0;}



/*--messege--*/
.messege{width: 100%; position: relative; background: url(../images/contact_us_bg.png) no-repeat top 60% left 0%; background-size: 400px;}
.messege .top_heading h3{font: bold 36px/50px 'CenturyGothic-Bold'; color: #2e3b4e; text-transform: inherit;}
.messege .top_heading h5{color: #666666;}
.form{width: 100%; position:relative; margin: 30px 0 20px 0;;}
.form_inner{width: 900px; position:relative; margin: 0 auto;}
.form_inner input[type="text"],input[type="email"]{margin-top:29px; width: 100%; height: 47px; background-color: #fff; border: 3px solid #5acdf3; padding-left: 65px; border-radius: 4px;}
.form_inner input::placeholder{font: normal 18px/20px 'Century Gothic'; color: #bbbcbc;}
.form_inner .input1{background: url(../images/input_1.png) no-repeat left 20px center;}
.form_inner textarea{margin-top:29px; width: 100%; height: 115px; background-color: #fff !important; padding-top: 13px; border: 3px solid #5acdf3; padding-left: 65px; border-radius: 4px;}
.form_inner textarea::placeholder{font: normal 18px/20px 'Century Gothic'; color: #bbbcbc;}

.form_inner .input2{background: url(../images/input_2.png) no-repeat left 20px center;}
.form_inner .input3{background: url(../images/input_3.png) no-repeat left 20px center;}
.form_inner .input4{background: url(../images/input_4.png) no-repeat left 20px top 14px;}

.form_inner input:nth-child(2){ margin-bottom: 5px;}
.form_inner input:nth-child(5){ margin-top: 9px;}
.form_inner button[type=submit]{ background: #40c8f4;font: normal 14px/16px 'Century Gothic'; color: #fff; padding: 12px 50px 12px 50px; border: none; outline: none; text-transform: uppercase; margin-top: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form_inner .form_btn{width: 100%; text-align: center;}
.form_inner button[type=submit]:hover{background: #000;}
.form_inner input[type=checkbox]{width: 11px; height: 11px;}
.form_inner input label span{background: #f15c22; color: #fff;}
.map{width: 100%;}
.map .location iframe{width: 100%; height: 425px; margin-bottom: -4px;}


.form_inner input[type="checkbox"] + label span{ background: #f15c22; color: #fff;}
input[type="checkbox"] + label {
    cursor: pointer;
    vertical-align: middle;
    background-color: #f15c22;
    
}
.form .box{background: url(../images/chekbox2.png) no-repeat left 0px center; padding-left: 20px;}
input[type="checkbox"] {
    display: none;
    
}
input[type="checkbox"]:checked + label {
   background: url(../images/chekbox1.png) no-repeat left 0px center; padding-left: 20px;
    outline:none;}




/*--testimonial--*/
.testmo_sec{ padding: 35px 0 0 0 !important; background: url(../images/testmo_bg.png) no-repeat top 60% left 2%; background-size: 600px; }
.testmo_sec .top_heading.test_hed h3{color: #104378;}
.testmo_sec .top_heading.test_hed h5{color: #333333;}
.testmo_inner{width: 100%; position: relative; padding: 80px 0 18px 0; display: inline-block;}
.testmo_box{width: 100%; position: relative; border: 3px solid #8aa3bd; padding: 30px 25px 20px 25px; margin-bottom: 75px; background: #fff;}
.testmo_box .media-left img{position: absolute; border-radius: 50%; width: 195px; height: 195px; top: -35px; left: -30px; max-width: 100%;}
.testmo_box .media-heading{text-align: center; color: #104378; font: normal 26px/30px 'Century Gothic'; margin-bottom: 30px;}
.testmo_main{width: 100%; position: relative; padding: 0 10px;}
.testmo_main .media-body p{color: #104378; font: 500 18px/26px 'Century Gothic'; margin-bottom: 20px; font-style: italic;}
.testmo_main .media-body a{display: inline-block;
padding: 12px 34px 12px 34px;
font: normal 14px/16px 'CenturyGothic-Bold';color: #fff;background: #40c8f4; text-align: right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testmo_main .media-body a:hover{background: #000; color: #fff;}
.testmo_main .media_btn{width: 100%; text-align: right;}
.testmo_main .media-body{width: 70%;
float: right;}
.testmo_inner .testmo_pager{margin: 20px 0 0;text-align: center;list-style: none; width: 100%; display: inline-block;}
.testmo_inner .testmo_pager ul li{display: inline-block; margin: 0 8px; background: #dddfe0;width: 25px;min-height: 25px;;border-radius: 50%;}
.testmo_inner .testmo_pager ul li:first-child{background: inherit; padding: 0;width: inherit; padding-right: 40px;}
.testmo_inner .testmo_pager ul li:last-child{background: inherit; padding-left: 40px;width: inherit;}
.testmo_inner .testmo_pager ul li a{vertical-align: middle; padding: 2px 0; display: inline-block; font: 500 16px/20px 'Century Gothic'; color: #526c90; background: #dddfe0; width: 25px; 
height: 25px; border-radius: 50%; }
.testmo_inner .testmo_pager ul li a:first-child{width: inherit; height: inherit; background: inherit; color: inherit;}
.testmo_inner .testmo_pager ul li a:last-child{width: inherit; height: inherit; }
.testmo_inner .testmo_main .testmo_box.last1{margin-bottom: 20px;}
.testmo_inner .testmo_main .testmo_box.last2{margin-bottom: 20px;}
.testmo_inner .testmo_pager ul li img{max-width: 100%;}


/*--product--*/
.product{padding: 35px 0 !important;background: url(../images/suppler-inner-bg.png) no-repeat left 85%;background-size: auto auto;background-size: 400px;}
.product .top_heading.pro_hed h3{color: #104378;}
.product .top_heading.pro_hed h5{color: #333333;}
.product_inner{margin-top: 50px; width: 100%;}
.pro_main{width: 100%;}
.pro_box{width: 100%; display: inline-block; padding: 15px 20px; background: #fff;
-webkit-box-shadow: 1px 1px 11px 8px #f0f0f0;
-moz-box-shadow: 1px 1px 11px 8px #f0f0f0;
box-shadow: 1px 1px 11px 8px #f0f0f0;
}
.pro_box img{max-width: 100%; float: left; border: 1px solid #8aa3bd; margin: 0 20px 20px 0;}
.pro_box h3{font: bold 26px/30px 'Century Gothic'; color: #222222;}
.pro_box p{font: normal 15px/20px 'Century Gothic'; color: #222222; margin-top: 20px;}
.pro_box a{display: inline-block;padding: 12px 34px 12px 34px; font: normal 14px/16px 'CenturyGothic-Bold'; color: #fff; background: #40c8f4; text-transform: uppercase; margin-top: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pro_box a:hover{background: #000; color: #fff;}


.our_categry_rt .product_box .product_hover p { font-size: 14px; line-height: 22px; padding-top: 35px;}
.our_categry_rt .product_hover a { padding: 10px 16px; font-size: 13px; line-height: 15px; }
.our_categry_rt .product_txt a { padding: 14px 6px; font-size: 15px; line-height: 20px; }    
/*.our_categry_rt .product_pic img {  width: 100%; height: 160px; object-fit: cover;}    */
    
    


@media (min-width: 768px) and (max-width: 5000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#17212e !important;
    width: 240px; padding: 0px;
    -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-radius: 0px 0px 5px 5px; left: 0; right: inherit; border: none; }

.nav_top .dropdown:hover .dropdown-menu {max-height: 300px;opacity: 1; visibility: visible; }




}   


@media (min-width: 1200px) and (max-width: 1399px) {
/*--our-suppliers--*/	
.supplier_inner .owl-prev{ left: -40px; }
.supplier_inner .owl-next{ right: -40px; }
.supplier_inner {  padding: 0 30px; }  

/*--about-us--*/
.about_main .about_inner{ padding: 0 30px;}
.about_main .about_inner .owl-prev .owl-prev{ left: -30px; }
.about_main .about_inner .owl-prev .owl-next{ right: -30px; }


} 
  
@media (min-width: 992px) and (max-width: 1199px) {
.header_top .navbar-brand{ width: 280px; }
.category_search { width: 430px; margin: 13px 20px 0 0;}
.header_top_rt a.call{ font-size: 20px; line-height: 22px; padding-top: 22px; }
.menu_sec li a { padding: 14px 21px; font-size: 14px; line-height: 17px; }
.login_btn { top: 5px; padding: 8px 18px; font-size: 13px; line-height: 16px; }
.droparw { right: 2px; top: 30%;}
.nav_top .dropdown .dropdown-menu li a{ font-size: 13px; line-height: 16px; padding: 8px 15px; }
.nav_top .dropdown .dropdown-menu{ width: 200px;}
.banner_details_box { width: 480px; padding: 20px 25px;}
.banner_details_box h2{ font-size: 35px; line-height: 42px; }
.banner_details_box p{ font-size: 13px; line-height: 23px;  }
.banner_details_box a { padding: 12px 16px; font-size: 14px; line-height: 18px; }
.banner_box { min-height: 520px;}
.banner_inner {  top: 28%;}
.banner_btm_sec { padding: 30px 0;}
.banner_btm_box .media-heading{ font-size: 13px; line-height: 17px; padding-top: 11px; }
.banner_btm_sec .row { margin: 0 -15px;}
.banner_btm_sec .col-sm-4 { padding: 0 15px;}
.our_categry{ padding: 50px 0; }
.top_heading h3{ font-size: 32px; line-height: 38px; }
.top_heading h5 { font-size: 15px; line-height: 20px;}
.our_categry_left h3{font-size: 17px; line-height: 22px; padding: 10px 14px; }
.our_categry_left .panel-heading .panel-title a{ padding: 8px 14px; font-size: 15px; line-height: 18px; }
.our_categry_left .panel-body {  padding: 7px; padding-left: 22px;}
.our_categry_left .panel-body ul li{ font-size: 13px; }
.product_hover p{ font-size: 14px; line-height: 24px; padding-top: 25px; }
.product_hover a{ padding: 10px 16px; font-size: 13px; line-height: 15px; }
.product_txt a { padding: 14px 6px; font-size: 16px; line-height: 18px; }
.load_more_btn { margin-top: 45px;}
.load_more_btn a {padding: 9px 20px 10px 48px; font-size: 13px; line-height: 14px; background-position: 28px 10px !important;}
.our_categry_left .panel-group { margin-bottom: 0px;}
.mid_sec { padding: 50px 0;}
.flexble_text { padding: 32px 0 0;}
.flexble_text_inner { width: 320px; padding: 0px 0 10px 16px; margin-top: 14px;}
.dot_main { bottom: 15px;}
.works_box { padding: 15px; text-align: center; min-height: 260px;}
.works_box h5{ font-size: 17px; line-height: 20px; padding-top: 7px; }
.works_box p{ font-size: 13px; line-height: 22px; padding-top: 7px; }
.about_sec { margin: 35px 0 0;}
.about_sec .top_heading p{ font-size: 14px; line-height: 25px; padding-top: 12px; }
.about_txt h5{ font-size: 16px; line-height: 20px; }
.about_txt p{ font-size: 13px; line-height: 20px; }
.our_product_sec{ padding: 40px 0; }
.our_product_txt h5{ font-size: 16px; line-height: 20px; }
.our_partner_sec{ padding: 40px 0; }
.footer_sec {  padding: 40px 0 0; background-size: 400px;}
.footer_box h4{ font-size: 18px; line-height: 22px; }
.ftr_menu li{ font-size: 14px; line-height: 18px; padding-left: 16px; margin-top: 11px; }
.copy_rt {  padding: 20px 0; margin-top: 25px;}
.copy_rt p{ font-size: 14px; line-height: 16px; }
.works_sec { padding-bottom: 60px;}



/*--our-products--*/
.inner_bannr .banner_box {  min-height: 250px;}
.service_product_box h5{ font-size: 16px; line-height: 24px; }
.service_product_box p{ font-size: 13px; line-height: 22px; padding-top: 6px; }
.service_product_box a{ margin-top: 10px; }
.logo_box img {  width: auto !important; display: inline-block !important;}
.logo_box { text-align: center;}


/*--our-suppliers--*/
.supplier_inner {  padding: 0 40px; }
.supplier_inner .works_box{ padding: 15px; margin-top: 20px; }
.supplier_sec { padding: 40px 0; background-size: 400px; background-position: left bottom;}

.detail_main{    padding: 10px 15px 0 20px;}
.detail_inner p{font-size: 14px; line-height: 25px; margin-top: 35px;}
.detail_left a{padding: 9px 20px 10px 20px; font-size: 13px; line-height: 14px; margin: 32px 0;}


/*--about-us--*/
.about_main .about_inner{ padding: 0 30px;}
.about_main .about_inner .owl-prev .owl-prev{ left: -30px; }
.about_main .about_inner .owl-prev .owl-next{ right: -30px; }
.about_top_txt p{ font-size: 15px; line-height: 27px; padding-top: 25px; }
.about_top_pic { width: 380px; margin: 30px 0 20px 20px;}


/*--messege--*/
.contact_us{padding: 40px 0;}
.contact_inner{margin-top: 65px;}
.contact_inner .top_heading.hed2 h3 {font-size: 28px; line-height: 35px;}
.contact_inner_main{margin-top: 65px;}
.form_inner{width: 700px;}
.form_inner input[type=text]{ height: 46px; margin-top: 24px;}
.form_inner input::placeholder{font-size: 15px; line-height:18px; color: #bbbcbc;}
.form_inner .input1{width: 30%;}
.messege .top_heading h3 {font-size: 28px; line-height: 35px;}
.contact_box p{padding: 25px 0 0; font-size: 16px; line-height: 20px;}
.form{margin: 25px 0 15px 0;}
.map .location iframe{height: 325px;}


/*--testimonial--*/
.testmo_box{padding: 25px 20px 20px 20px; margin-bottom: 65px;}
.testmo_box .media-heading{font-size: 24px; line-height: 26px; margin-bottom: 25px;}
.testmo_main .media-body p{font-size: 15px; line-height: 20px; margin-bottom: 15px;}
.testmo_box .media-left img{width: 40%; height: auto; left: -25px;}
.testmo_main .media-body a{padding: 10px 25px 10px 25px;}
.testmo_main .media-body{width: 65%;}
.testmo_inner .testmo_pager ul li:last-child{padding-left: 30px;}
.testmo_inner .testmo_pager ul li:first-child{padding-left: 30px;}


}

 
 
 
@media (min-width: 768px) and (max-width: 991px) {
.header_top .navbar-brand{ width: 200px; }
.category_search { width: 370px; margin: 5px 9px 0 0;}
.header_top_rt a.call { font-size: 15px; padding-top: 16px; line-height: 18px;}
.header_top_rt a.call i { margin-right: 2px;}
.menu_sec li a {  padding: 10px 8px; font-size: 13px; line-height: 17px;}
.login_btn {  top: 5px; padding: 4px 12px; font-size: 12px; line-height: 16px;}
.droparw { right: -8px; top: 27%;}
.nav_top .dropdown .dropdown-menu li a{ font-size: 13px; line-height: 16px; padding: 8px 15px; }
.nav_top .dropdown .dropdown-menu{ width: 200px;}
.banner_details_box { width: 360px; padding: 15px 12px;}
.banner_details_box h2 { font-size: 26px; line-height: 30px;}
.banner_details_box p {font-size: 11px; line-height: 20px; padding-top: 5px;}
.banner_details_box a { padding: 9px 7px; font-size: 12px; line-height: 15px;}
.banner_box { min-height: 420px;}
.banner_inner {  top: 22%;}
.banner_btm_sec { padding: 20px 0;}
.banner_btm_box .media-heading {  font-size: 11px; line-height: 14px; padding-top: 11px;}
.banner_btm_sec .row { margin: 0 -15px;}
.banner_btm_sec .col-sm-4 { padding: 0 15px;}
.our_categry{ padding: 30px 0; }
.top_heading h3 { font-size: 25px; line-height: 28px;}
.top_heading h5 { font-size: 13px; line-height: 18px;}
.our_categry_left h3{font-size: 17px; line-height: 22px; padding: 10px 14px; }
.our_categry_left .panel-heading .panel-title a { padding: 6px 12px; font-size: 14px;line-height: 16px;}
.our_categry_left .panel-body {  padding: 7px; padding-left: 22px;}
.our_categry_left .panel-body ul li{ font-size: 13px; }
.product_hover p{ font-size: 14px; line-height: 24px; padding-top: 25px; }
.product_hover a{ padding: 10px 16px; font-size: 13px; line-height: 15px; }
.product_txt a {  padding: 10px 5px; font-size: 14px; line-height: 16px;}
.load_more_btn { margin-top: 45px;}
.load_more_btn a {padding: 9px 20px 10px 48px; font-size: 13px; line-height: 14px; background-position: 28px 10px !important;}
.our_categry_left .panel-group { margin-bottom: 0px;}
.mid_sec { padding: 40px 0;}
.flexble_text { padding: 32px 0 0;}
.flexble_text_inner { width: 320px; padding: 0px 0 10px 16px; margin-top: 14px;}
.dot_main { bottom: -5px;}
.works_box { padding: 12px; text-align: center; min-height: 230px;}
.works_box h5 { font-size: 15px; line-height: 20px; padding-top: 7px;}
.works_box p { font-size: 11px; line-height: 18px; padding-top: 7px;}
.about_sec { margin: 28px 0 0;}
.about_sec .top_heading p { font-size: 12px; line-height: 22px;  padding-top: 8px;}
.about_txt h5{ font-size: 14px; line-height: 18px; }
.about_txt p{ font-size: 12px; line-height: 18px; }
.our_product_sec{ padding: 40px 0; }
.our_product_txt h5 { font-size: 14px; line-height: 18px;}
.our_partner_sec{ padding: 30px 0; }
.footer_sec {  padding: 30px 0 0; background-size: 300px;}
.footer_box h4 { font-size: 15px; line-height: 20px;}
.ftr_menu li {font-size: 12px; line-height: 15px; padding-left: 15px; margin-top: 10px; background-position: left 4px;}
.copy_rt { padding: 14px 0;  margin-top: 18px;}
.copy_rt p{ font-size: 12px; line-height: 14px; }
.categry_select { height: auto;}
.categry_select .btn { height: 40px; font-size: 12px; line-height: 16px; }
.categry_txtBox input[type="text"]{ font-size: 12px; line-height: 40px; height: 40px; }
.categry_txtBox input[type="submit"]{ height: 40px; }
.banner_sec .carousel-indicators li { width: 26px !important; height: 26px !important; background-size: 100% 100% !important; }
.banner_btm_box .media-left {padding: 7px;}
.rt_arww { width: 5px; height: 16px; top: 45%; right: -5px; margin-top: -6px; background-size: 100% 100%;}
.flexble_text_inner p{ font-size: 13px; line-height: 21px; }
.works_box img { width: 60px;}
.footer_box2 { padding-left: 0;}
.locaton_list li{ font-size: 12px; line-height: 18px; }
.locaton_list li strong{ font-size: 14px; padding-bottom: 6px; }
.works_sec { padding-bottom: 50px;}



/*--our-products--*/
.inner_bannr .banner_box {  min-height: 200px;}
.service_product_box h5{ font-size: 16px; line-height: 24px; }
.service_product_box p{ font-size: 13px; line-height: 22px; padding-top: 6px; }
.service_product_box a{ margin-top: 10px; }
.service_product_sec { padding: 40px 0 90px 0;}
.logo_box img {  width: auto !important; display: inline-block !important;}
.logo_box { text-align: center;}


/*--our-suppliers--*/
.supplier_inner {  padding: 0 40px; }
.supplier_inner .works_box{ padding: 10px; margin-top: 20px; min-height: 240px; }
.supplier_sec { padding: 40px 0; background-size: 300px; background-position: left bottom;}

.detail_main{    padding: 10px 15px 0 20px;}
.detail_inner p{font-size: 12px; line-height: 22px; margin-top: 25px;}
.detail_left a{padding: 9px 20px 10px 20px; font-size: 13px; line-height: 14px; margin: 22px 0;}
.detail_right{margin-top: 45px;}


/*--about-us--*/
.about_main .about_inner{ padding: 0 30px;}
.about_main .about_inner .owl-prev .owl-prev{ left: -30px; }
.about_main .about_inner .owl-prev .owl-next{ right: -30px; }
.about_top_txt p{ font-size: 14px; line-height: 25px; padding-top: 20px; }
.about_top_pic { width: 280px; margin: 30px 0 20px 20px;}



/*--messege--*/
.contact_us{padding: 30px 0;}
.contact_inner{margin-top: 50px;}
.contact_inner .top_heading.hed2 h3 {font-size: 24px; line-height: 30px;}
.contact_inner_main{margin-top: 50px;}
.form_inner{width: 550px;}
.form_inner input[type=text]{ height: 46px; margin-top: 24px;}
.form_inner input::placeholder{font-size: 15px; line-height:18px; color: #bbbcbc;}
.form_inner .input1{width: 30%;}
.messege .top_heading h3 {font-size: 24px; line-height: 30px;}
.contact_box p{padding: 20px 0 0; font-size: 15px; line-height: 18px;}
.form{margin: 20px 0 15px 0;}
.map .location iframe{height: 300px;}



/*--testimonial--*/
.testmo_box{padding: 25px 15px 20px 15px; margin-bottom: 55px;}
.testmo_box .media-heading{font-size: 24px; line-height: 26px; margin-bottom: 25px;}
.testmo_main .media-body p{font-size: 13px; line-height: 18px; margin-bottom: 15px;}
.testmo_box .media-left img{width: 40%; height: auto; left: -25px; width: 40%;}
.testmo_main .media-body a{padding: 10px 25px 10px 25px; font-size: 13px;}
.testmo_main .media-body{width: 75%;}
.testmo_inner .testmo_pager{margin: 10px 0 0;}
.testmo_inner .testmo_pager ul li:last-child{padding-left: 20px;}
.testmo_inner .testmo_pager ul li:first-child{padding-right: 20px;}
.testmo_inner .testmo_pager ul li a{font-size: 14px;}
.testmo_inner .testmo_pager ul li{margin: 0 5px;}
.testmo_inner .testmo_pager ul li{ width: 23px; min-height: 23px;}
.testmo_inner .testmo_pager ul li img{width: 85%;}



}


 
@media only screen and (max-width: 767px){
.header_top .navbar-brand{ width: 160px; }
.category_search {width: 100%; margin: 10px 0 0;}
.header_top_rt a.call {font-size: 15px; padding-top: 0; line-height: 18px; position: absolute; right: 0;  top: -28px;}
.header_top_rt a.call i { margin-right: 2px;}
.menu_sec li a { padding: 8px 10px; font-size: 14px; line-height: 18px; width: 100%; float: left;}
.login_btn {top: 11px; padding: 6px 16px; font-size: 12px; line-height: 16px; right: 52px;}
.droparw { right: 0; top: 6px;}
.nav_top .dropdown .dropdown-menu li a{ font-size: 13px; line-height: 16px; padding: 8px 15px; }
.nav_top .dropdown .dropdown-menu{ width: 200px;}
.banner_details_box { width: 280px; padding: 15px 12px;}
.banner_details_box h2 { font-size: 18px; line-height: 24px;}
.banner_details_box p {font-size: 11px; line-height: 20px; padding-top: 5px; text-align: left; }
.banner_details_box a { padding: 9px 7px; font-size: 12px; line-height: 15px;}
.banner_box { min-height: 370px;}
.banner_inner {  top: 18%;}
.banner_btm_sec { padding: 20px 0;}
.banner_btm_box .media-heading {  font-size: 11px; line-height: 14px; padding-top: 11px;}
.banner_btm_sec .row { margin: 0 -15px;}
.banner_btm_sec .col-sm-4 { padding: 0 15px;}
.our_categry{ padding: 30px 0; }
.top_heading h3 { font-size: 25px; line-height: 28px;}
.top_heading h5 { font-size: 13px; line-height: 18px;}
.our_categry_left h3{font-size: 17px; line-height: 22px; padding: 10px 14px; }
.our_categry_left .panel-heading .panel-title a { padding: 6px 12px; font-size: 14px;line-height: 16px;}
.our_categry_left .panel-body {  padding: 7px; padding-left: 22px;}
.our_categry_left .panel-body ul li{ font-size: 13px; }
.product_hover p{ font-size: 14px; line-height: 24px; padding-top: 25px; }
.product_hover a{ padding: 10px 16px; font-size: 13px; line-height: 15px; }
.product_txt a {  padding: 10px 5px; font-size: 14px; line-height: 16px;}
.load_more_btn { margin-top: 45px;}
.load_more_btn a {padding: 9px 20px 10px 48px; font-size: 13px; line-height: 14px; background-position: 28px 10px !important;}
.our_categry_left .panel-group { margin-bottom: 0px;}
.mid_sec { padding: 30px 0;}
.flexble_text { padding: 25px 0 0; text-align: center;}
.flexble_text_inner { width: 290px; padding: 10px; margin-top: 0; border-left: none; border-bottom: 5px solid #e1e1e1; margin-bottom: 30px;}
.dot_main { bottom: -5px; text-align: center; width: 100%; margin-left: 0; left: 0;}
.works_box { padding: 15px 12px; text-align: center; min-height: inherit; margin-top: 20px; }
.works_box h5 { font-size: 15px; line-height: 20px; padding-top: 7px;}
.works_box p { font-size: 11px; line-height: 18px; padding-top: 7px;}
.about_sec { margin: 28px 0 0;}
.about_sec .top_heading p { font-size: 12px; line-height: 22px;  padding-top: 8px;}
.about_txt h5{ font-size: 14px; line-height: 18px; }
.about_txt p{ font-size: 12px; line-height: 18px; }
.our_product_sec{ padding: 30px 0; }
.our_product_txt h5 { font-size: 14px; line-height: 18px;}
.our_partner_sec{ padding: 30px 0; }
.footer_sec {  padding: 30px 0 0; background-size: 180px; background-position: right bottom;}
.footer_box h4 { font-size: 15px; line-height: 20px;}
.ftr_menu li { font-size: 12px; line-height: 15px; padding-left: 15px; margin: 5px 0 0 5px; background-position: left 4px; width: auto;}
.ftr_menu li:first-child{ margin-left: 0px; }
.copy_rt { padding: 14px 0;  margin-top: 18px;}
.copy_rt p{ font-size: 12px; line-height: 14px; }
.categry_select { height: auto;}
.categry_select .btn { height: 40px; font-size: 12px; line-height: 16px; }
.categry_txtBox input[type="text"]{ font-size: 12px; line-height: 40px; height: 40px; }
.categry_txtBox input[type="submit"]{ height: 40px; }
.banner_sec .carousel-indicators li { width: 26px !important; height: 26px !important; background-size: 100% 100% !important; }
.banner_btm_box .media-left {padding: 7px;}
.rt_arww { width: 5px; height: 16px; top: 45%; right: -5px; margin-top: -6px; background-size: 100% 100%;}
.flexble_text_inner p{ font-size: 13px; line-height: 21px; }
.works_box img { width: 60px;}
.footer_box2 { padding-left: 0;}
.locaton_list li { font-size: 12px; line-height: 18px; width: 100%; display: inline-block; background-position: center top !important; padding: 24px 0 0;}
.locaton_list li strong{ font-size: 14px; padding-bottom: 6px; }
.header_top_rt{ width: 100%; position: relative; }
.header_top { padding: 10px 0;}
.navbar-default .navbar-toggle {border-color: #fff; margin: 10px 0; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }
.menu_sec li {  margin-right: 0; position: relative; width: 100%; float: left; margin-top: 5px; }
.nav_top .dropdown .dropdown-menu { width: 100%; padding: 0 0 10px; float: left; background: #21a2cc;}
.nav_top .dropdown .dropdown-menu li { width: 100%; float: left;}
.nav_top .dropdown .dropdown-menu li a{ width: 100%; float: left;}
.nav_top .dropdown .dropdown-menu li a:hover {color: #00afef !important; background: #fff !important;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.menu_sec { margin: 0 0 15px !important;}
.banner_sec .carousel-indicators{ margin-bottom: 0px;}
.banner_btm_box { margin-bottom: 10px;}
.flexble_text .top_heading {  text-align: center;}
.flexble_box .pull-right{ float: none !important; display: inline-block !important; width: 100% !important; }
.flexble_sec .carousel-indicators{ padding-left: 0px; width: 100%;}
.footer_box { width: 100%; display: inline-block;  text-align: center; margin-top: 25px;}
.our_product_inner .owl-prev {width: 15px; height: 38px; left: -30px; top: 40%;}
.our_product_inner .owl-next {width: 15px; height: 38px; right: -30px; top: 40%;}
.footer_logo img { width: 220px;}
.works_sec { padding-bottom: 30px;}
.footer_logo {margin-top: 0;}



/*--our-products--*/
.inner_bannr .banner_box {  min-height: 195px;}
.service_product_box h5{ font-size: 16px; line-height: 24px; }
.service_product_box p{ font-size: 13px; line-height: 22px; padding-top: 6px; }
.service_product_box a{ margin-top: 10px; }
.service_product_sec { padding: 40px 0 90px 0;}
.inner_bannr .banner_inner {  top: 14%;}
.service_product_inner { margin-top: 26px;}
.logo_box img {  width: auto !important; display: inline-block !important;}
.logo_box { text-align: center;}


/*--our-suppliers--*/
.supplier_inner .works_box{ padding: 8px; margin-top: 20px; min-height: 240px; }
.supplier_sec { padding: 40px 0; background-size: 200px; background-position: left bottom;}
.service_product_sec .top_heading h5 br{ display: none; }
.detail_main {  margin-top: 30px;}
.detail_main .top_heading h3 {  font-size: 22px; line-height: 28px;}
.supplier_inner {  margin-top: 10px; padding: 0 40px; }

.detail_main{    padding: 10px 15px 0 20px;}
.detail_inner p{font-size: 12px; line-height: 22px; margin-top: 15px;}
.detail_left a{padding: 9px 20px 10px 20px; font-size: 13px; line-height: 14px; margin: 22px 0;}
.detail_right{margin-top: 0;}


/*--about-us--*/
.about_main .about_inner{ padding: 0 40px;}
.about_main .about_inner .owl-prev .owl-prev{ left: -40px; }
.about_main .about_inner .owl-prev .owl-next{ right: -40px; }
.about_top_txt p{ font-size: 13px; line-height: 23px; padding-top: 18px; }
.about_top_pic { width: 200px; margin: 30px 0 20px 20px;}



/*--testimonial--*/
.testmo_box{padding: 15px; margin-bottom: 55px;}
.testmo_box .media-heading{font-size: 24px; line-height: 26px; margin-bottom: 15px;}
.testmo_main .media-body p{font-size: 13px; line-height: 18px; margin-bottom: 15px; text-align: center;}
.testmo_box .media-left img{height: auto; left: 0;  width: 180px; position: relative; top: 0; display: inline-block; margin-bottom: 20px;}
.testmo_main .media-body a{padding: 10px 25px 10px 25px; font-size: 13px;}
.testmo_main .media-body{width: 100%;}
.testmo_inner .testmo_pager{margin: 10px 0 0;}
.testmo_inner .testmo_pager ul li:last-child{padding-left: 10px;}
.testmo_inner .testmo_pager ul li:first-child{padding-right: 10px;}
.testmo_inner .testmo_pager ul li a{font-size: 14px;}
.testmo_inner .testmo_pager ul li{margin: 0 3px;}
.testmo_inner .testmo_pager ul li{ width: 23px; min-height: 23px;}
.testmo_inner .testmo_pager ul li img{width: 85%;}
.testmo_main .media_btn{width: 100%; text-align: center;}
.testmo_box .media-left{padding: 0; width: 100%;display: inline-block; text-align: center;}
.testmo_inner .testmo_main .testmo_box.last1{margin-bottom: 30px;}
.testmo_inner .testmo_main .testmo_box{margin-bottom: 30px;}
.testmo_inner{    padding: 50px 0 15px 0;}




/*--messege--*/
.map .location iframe {height: 250px;}
.contact_us{padding: 30px 0;}
.contact_inner{margin-top: 50px;}
.contact_inner .top_heading.hed2 h3 {font-size: 24px; line-height: 30px;}
.contact_inner_main{margin-top: 50px;}
.form_inner{width: 100%;}
.form_inner input[type=text]{ height: 46px; margin-top: 24px;}
.form_inner input::placeholder{font-size: 15px; line-height:18px; color: #bbbcbc;}
.form_inner .input1{width: 30%;}
.messege .top_heading h3 {font-size: 24px; line-height: 30px;}
.contact_box{margin-bottom: 30px;}
.contact_box p{padding: 15px 0 0; font-size: 15px; line-height: 18px;}
.form{margin: 20px 0 15px 0









}



@media only screen and (max-width: 600px){ 
/*--our-products--*/	
.service_product_inner { text-align: center; }

/*--our-suppliers--*/
.supplier_inner .works_box{ min-height: inherit; padding: 12px; }







}




@media only screen and (max-width: 480px){ 
.banner_inner { top: 12%;}
.banner_box { min-height: 320px;}
.our_categry .col-xs-6{ width: 100%; }
.top_heading h3 { font-size: 20px; line-height: 25px;}
.flexble_text { padding: 18px 0 0; text-align: center;}
.categry_select {width: 44%;}
.categry_txtBox {  width: 56%; float: right;}

.about_top_pic{ width: 100%; margin: 10px 0 15px; }


.contact_inner .top_heading.hed2 h3 {font-size: 20px; line-height: 25px;}
.messege .top_heading h3 {font-size: 20px; line-height: 25px;}


/*--testimonial--*/
.testmo_box .media-heading{margin-bottom: 10px;}
.testmo_box .media-left img{width: 140px;}




}