@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
}

/************ Main **************/
@media (max-width: 990px) {
.welcome_sec ul.block_1 li figure{ width:100%; position:relative;}
.welcome_sec ul.block_1 li{ padding-left:0; padding-top:0;}
.welcome_sec ul.block_1 li h3{ margin-top:30px;}
.welcome_sec ul.block_1 li{ text-align:center;}
}

@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:0px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#000; 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);}

.welcome_sec .detail h3{ font-size:20px;}
.welcome_sec ul.block_1 li figure{ width:100px; position:absolute;}
.welcome_sec ul.block_1 li{ padding:15px 0 19px 117px;}
.welcome_sec ul.block_1 li{ text-align:left;}
.welcome_sec ul.block_1 li h3{ margin-top:0;}
.welcome_sec .right{ margin-bottom:30px;}
.logo, .logo h2{ text-align:center;}
.welcome_sec .detail a{ margin:0 14px 10px 0; float:left;}
#slider-thumbs .mCustomScrollBox{ position:relative;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.logo h2{ text-align:center;}
.copyright{ text-align:center;}
.copyright .youtube{ float:none; margin-top:20px; display:inline-block;}

}

