@media (max-width:1366px) {
}
@media (max-width:1280px) {
.container{ width:96%; margin:0 auto; padding:0;}
}

/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){
header{position:relative}
header .nav_sec{ width:100%; float:left; padding:0; margin:0; position:relative;}
header .nav_sec .navbar-default .navbar-brand{width:200px; margin:0px; padding:21px 18px}
header .nav_sec .navbar-nav{margin:0px 0; float:left;}
header .nav_sec .navbar-default .navbar-nav > li > a{font-size:12px; padding:10px 12px; margin:0px}
.dropdown-menu{font-size:12px}
.rightside_btn{float:none; width:100%; text-align:right}

section .main_slider_sec .item h1{font-size:34px; line-height:34px; margin:0px 0px 10px 0px}
section .main_slider_sec .item p{font-size:16px; line-height:24px; margin:0px 0px 10px 0px}	
section .main_slider_sec .item .btn-info{font-size:16px; padding:8px 50px 8px 14px}

section .about_sec .md_30{margin:0px}
section .about_sec img{width:100%}
section .about_sec h2{font-size:30px; line-height:30px; padding-bottom:20px; margin:0 0 15px 0px}
section .product_box_sec .product_detail .block_caption_inner{padding:40px}
section .product_box_sec .product_detail .block_info h2{font-size:46px; line-height:40px; margin:0px 0px 10px 0px}
section .product_box_sec .product_detail .block_info h2 span{font-size:26px; margin-left:-20px; line-height:34px;}
section .product_box_sec .product_detail .block_info p{font-size:15px; line-height:20px;  margin:0px 0px 10px 0px}
section .product_box_sec .product_detail .block_info a{font-size:16px}
section .product_box_sec .product_detail .product_symbol{width:60%}
section .product_box_sec .product_detail .product_symbol img{width:100%}
.related_products h2, section .guaranteed_sec h2{font-size:30px; line-height:30px; margin-top:15px}
footer .footer_bg img{margin-bottom:30px}
section .inner_page_title{padding:60px 0}
section .logo_slider_sec .owl-controls .owl-nav div.owl-prev{left:-10px}
section .logo_slider_sec .owl-controls .owl-nav div.owl-next{right:-10px}
section .product_box img{width:100%}
section .product_box .product_detail .block_caption_inner{padding:30px}
section .product_box .product_detail .block_info h2{font-size:46px; line-height:40px; margin:0px 0px 10px 0px}
section .product_box .product_detail .block_info h2 span{font-size:26px; line-height:34px;}
section .product_box .product_detail .block_info p{font-size:15px; line-height:20px;  margin:0px 0px 10px 0px}
section .product_box .product_detail .block_info a{font-size:16px}
section .product_box .product_symbol_left, section .product_box .product_symbol_right{width:25%}
section .mission_visoin .mission_box_ul li{width:43%}
}



@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
 .container{ width:93%; margin:0 auto; padding:0;}
header{position:relative;}
header .nav_sec{ width:100%; float:left; padding:0; margin:0; position:relative;}
header .nav_sec .navbar-default .navbar-brand{ width:220px; padding:10px 18px }
header .nav_sec .navbar-default .navbar-brand img{width:100%; margin:0px;}
header .nav_sec .navbar-default{ padding:0px;}
header .nav_sec .navbar-default .navbar-nav > li{border:none}
header .nav_sec .navbar-collapse{padding:0px}
.navbar-default .navbar-toggle{ background:none; border-color:transparent; border-radius:0; margin-top:18px; margin-right: 10px;}
.navbar-default .navbar-toggle .icon-bar{ background:#ed3237;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;}
header .nav_sec .navbar-nav{ float:none; margin:0px;}
header .nav_sec .navbar-default .navbar-nav > li > a{  font-size:14px; border-radius:0px; color:#fff; border-right: none; padding: 10px; text-align:center}
header .nav_sec .dropdown-menu { background:#ed3237 !important; border-radius:0px !important;}
header .nav_sec .dropdown-menu>li { background:#ed3237 !important; color:#FFF !important; line-height:30px; padding-top:0!important; border-color:none; text-align:center }
header .nav_sec .dropdown-menu>li>a { color:#FFF !important; line-height:30px; }
header .nav_sec .dropdown-menu>li>a:hover,header .nav_sec .dropdown-menu>li>a:focus { background-color:#ed3237;  color:#fff !important; line-height:30px; }
.navbar-nav>li>.dropdown-menu {padding:0;}
.rightside_btn{display:none}

section .main_slider_sec .item h1{font-size:18px; line-height:18px; margin:0 0 10px 0}
section .main_slider_sec .item p{display:none}
section .main_slider_sec .item .btn-info{padding:5px 36px 5px 10px; font-size:12px;}
section .main_slider_sec .owl-controls .owl-nav div.owl-prev, section .main_slider_sec .owl-controls .owl-nav div.owl-next{display:none !important}
section .main_slider_sec .owl-theme .owl-dots{margin-top:-20px}
section .about_sec .md_30{margin:0 0 30px 0}
section .about_sec h2{font-size:30px; line-height:30px; padding-bottom:20px; margin:0 0 15px 0px}
section .guaranteed_sec img, section .about_sec img{width:100%}
section .product_box_sec .product_detail .block_caption{position:relative}
section .product_box_sec .product_detail figure{display:none}
section .product_box_sec .product_detail .block_caption_inner{padding:40px 40px 60px 40px}
section .product_box_sec .product_detail .block_info h2{font-size:46px; line-height:40px; margin:0px 0px 10px 0px}
section .product_box_sec .product_detail .block_info h2 span{font-size:26px; margin-left:-20px; line-height:34px;}
section .product_box_sec .product_detail .block_info p{font-size:15px; line-height:20px;  margin:0px 0px 10px 0px}
section .product_box_sec .product_detail .block_info a{font-size:16px}
section .product_box_sec .product_detail .product_symbol{width:60%}
section .product_box_sec .product_detail .product_symbol img{width:100%}

.related_products h2, section .team_sec h2, section .news_sec h2{font-size:30px; line-height:30px}
section .testimonial_sec h2{margin:0 0 30px 30px}
section .testimonial_sec .client_box .icon{width:60px; height:60px; left:-30px; margin-top:-30px}
section .testimonial_sec .client_box{margin-left:30px; padding:30px 30px 60px 40px}
section .guaranteed_sec h2{font-size:28px; line-height:36px; margin:20px 0}
section .guaranteed_sec ul li{margin-bottom:5px; line-height:20px}
footer .footer_bg h3{margin-top:15px}
footer .copyright{text-align:center}
footer .copyright ul.social{float:none; text-align:center; background:#373435 }
footer .copyright ul.social li{display:inline-block; float:none}

section .inner_page_title{padding:50px 0}
section .mission_visoin .border-right{border-bottom:#cfcfcf 2px dotted; border-right:none}
section .mission_visoin .content_box{padding:25px 15px}
section .logo_slider_sec .owl-controls .owl-nav div.owl-prev{left:-10px}
section .logo_slider_sec .owl-controls .owl-nav div.owl-next{right:-10px}
section .product_box img{width:100%}
section .product_box .product_detail .block_caption{position:relative}
section .product_box .product_detail figure{display:none}
section .product_box .product_symbol_left, section .product_box .product_symbol_right{width:50%}
section .product_box .product_detail .block_caption_inner{padding:20px 0 50px 0}
section .product_box .product_detail .block_info h2{font-size:46px; line-height:40px; margin:0px 0px 10px 0px}
section .product_box .product_detail .block_info h2 span{font-size:26px; line-height:34px;}
section .product_box .product_detail .block_info p{font-size:15px; line-height:20px;  margin:0px 0px 10px 0px}
section .product_box .product_detail .block_info a{font-size:16px}
section .news_page .news_box .name_btn{width:100%}
section .contact_page .form-control{margin-bottom:10px}
section .contact_page .btn-info{margin-bottom:30px}
section .inner_page_title h2{font-size:24px; line-height:34px;}
section .inner_page_title .breadcrumb > li a, section .inner_page_title .breadcrumb > li.active{font-size:14px}
.detail_page .image_preview{width:100%; height:300px}
section .mission_visoin .mission_box_ul li{width:98%}
}


/************ iphone **************/
@media (max-width: 600px) {
  html { -webkit-text-size-adjust:none;}
  .container{ width:91%;}
 
}
