@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
.navbar-brand > img{ width:280px;}
.nav_sec .navbar-nav{ margin-top:32px;}
}

/************ Main **************/
@media (max-width: 991px) {
.navbar-brand > img{ width:210px;}
.nav_sec .navbar-default .navbar-nav > li > a{ font-size:13px;}
.nav_sec .navbar-default .navbar-nav > li{ margin:0 10px;}
.nav_sec .navbar-nav{ padding:0 10px; margin-top:16px;}
.slider_sec h2{ font-size:35px;}
.slider_sec p{ font-size:15px; line-height:24px;}
.about_us{ padding:40px 0;}
.product_sec{ padding:40px 0 0 0;}
.product_sec .info{ font-size:15px; line-height:24px; margin-bottom:15px;}
.product_sec .cap_info{ bottom:15px; right:15px;}
.gallery_sec{ padding:25px 0 40px 0;}
.gallery_sec .info{ font-size:15px; line-height:24px; margin-bottom:15px;}
.footer_detail .footer_logo{ margin:0 0 15px 0;}
.footer_detail p{ font-size:15px;}
.copyright{ margin-top:25px; font-size:14px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}

.navbar-default .navbar-toggle{ margin-right:0; margin-top:17px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff; width:30px; height:4px;}
.navbar-toggle { border: none;  background: transparent !important; margin-bottom:0;}
.navbar-toggle:hover { background: transparent !important;}
.navbar-toggle .icon-bar {width: 22px;transition: all 0.2s;}
.navbar-toggle .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {opacity: 0;}
.navbar-toggle .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
.navbar-toggle.collapsed .top-bar {transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}

.nav_sec .navbar-nav{ float:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none; box-shadow:none;}
.nav_sec .navbar-nav{ padding:20px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#f8c301;}
.slider_sec h2{ font-size:30px;}
.about_us{ padding:0;}
.about_us .left_info{ width:100%; padding:40px 0;}
.about_us::before{ display:none;}
.about_us .left_info.right_info{ background:#f4f4f4;}
.about_us .left_info .inner{ max-width:inherit;}
}

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

.slider_sec .pogoSlider{ padding-bottom:65% !important;}
.slider_sec p{ display:none;}
.slider_sec h2{ font-size:22px;}
.slider_sec .cap_info{ top:60%;}
.global_title{ font-size:28px;}
.product_sec .cap_info{ position:relative; bottom:0; right:0; padding:20px; max-width:inherit;}
.product_sec .cap_info h3{ font-size:20px;}
.gallery_sec .col-xs-6{ width:100%;}
.footer_detail h3{ font-size:22px; margin-bottom:15px;}
.footer_detail span{ font-size:18px;}
}