﻿@media (min-width:1600px)
{
    body {font-size: 15px;}
    .container {width:1400px;}
    /*Home*/
    .div-box-sp .sub-box-sp {height: 335px;}
    /*Contact*/
    .input-wrap input {width: 787px;}
    .input-wrap textarea {width: 787px !important;}
}

@media (min-width:991px) and (max-width:1199px)
{
    .banner-left img {margin-top: 20px;}
    #div-home-menuleft .title a {font-size: 21px;}
    /*Home*/
    .div-box-sp .sub-box-sp {height: 227.5px;}
    .div-box-sp .sub-box-sp .img img {top: 5px;}
    .div-box-sp .sub-box-sp .text {bottom: 40px;}
    .module-two .main {padding: 0px;}
    /*Contact*/
    .input-wrap input {width: 500px;}
    .input-wrap textarea {width: 500px !important;}
}

@media (max-width:990px) 
{
    #header {position: fixed;}
    #content {padding-top: 85px;}
    /*Home*/
    .module-two .main {padding: 0;}
    /*News*/
    .div-bt-news .news-tag {width: 100%;margin-bottom: 10px;}
    .div-bt-news .post-share-conten {float: left;margin-left: 0;}
    .div-bt-news {padding-bottom: 20px;}
    .pn-right-detail {margin-bottom: 55px;}
}

@media (min-width:768px) and (max-width:990px) 
{
    .suv-home-search .form-search input[type="text"] {width: 585px;}
    .navbar-bottom .nav>li>a {padding: 13px 20px 12px;}
    .div-ft-maps {margin-top: 25px;}
    /*Home*/
    .div-box-sp .sub-box-sp {height: 235px;}
    .div-box-sp .sub-box-sp .img img {top: 0;}
    .module-two {background: url(../Images/bg-home-module-two.jpg)left top no-repeat #f9f9f9;}
    /*Contact*/
    .input-wrap input {width: 605px;}
    .input-wrap textarea {width: 605px !important;}
    .module-contact-form {margin-bottom: 30px;}
}

@media (max-width:767px)
{
    .suv-home-search .a-title-search,.div-box-sp .title a,.module-three .title a,.module-doitac .title a {font-size: 30px;}
    .suv-home-search .p-title-search {font-size: 25px;margin-top: -5px;}
    /*Home*/    
     #div-home-menuleft {margin-top: 25px;}
    .module-two {padding: 30px 0;}
    .module-two .main .a-module-two {font-size: 25px;}
    .module-two .main .p-module-two {font-size: 15px;text-align: justify;}
    .nav-bottom .container {padding:0}
    .navbar-bottom .navbar-nav {padding-bottom: 10px;}
    .navbar-bottom .nav li {width: 100%;float: left;}
    .navbar-bottom .navbar-collapse {padding: 0;text-align: left;border:none;}
    .navbar-bottom .nav>li>a {width: 100%;padding: 10px 15px;}
    .footer-main .col-md-3 {margin-bottom:25px;float: left;width: 100%;}
    .footer-copyright {padding: 20px 0 40px;}  
    /*Contact*/  
    .page-about > .title {margin-bottom: 15px;}
    /*Contact*/
    .input-wrap input {width: 100%;}
    .input-wrap textarea {width: 100% !important;}
    .input-wrap:last-of-type {width: 100%;}
    .input-wrap > p {width: 100%;margin-right: 0;}
    #CodeC {width: 100%;}
    .module-contact-form .button {width: 100%;margin-top: 20px;}
    .module-contact-form {margin-bottom: 20px;}
    /*Product*/
    .inf-product .col-lg-4 {margin-bottom:30px;}
    .product-main-image {margin-bottom:20px;}
    .product-main-image img {border: 1px solid #e1e1e1;}
    .product-other-images {float: left;width: 100%;}
    .product-other-images img {width: 100%;height: auto;max-height: 100px;}
    .page-pi-list {float:initial;}
}

@media (min-width:480px) and (max-width:767px)
{
    .suv-home-search .form-search input[type="text"] {width: 69%;}    
    /*Home*/
   .module-three .col-md-3 {width: 50%;float: left;}
   .div-box-sp>.row {padding-left:15px;}
   .div-box-sp .col-md-4,.page-pi-list .col-sm-4 {width: 50%;float: left;}

}
@media (max-width:600px)
{    
    .logo-mobile {width: 86px;overflow: hidden;}
}

@media (max-width:480px)
{    
    .suv-home-search .p-title-search {font-size: 20px;line-height: 20px;margin-top: 0;}    
    .footer-copyright {padding: 16px 0 60px;}
    .suv-home-search .form-search {text-align: right;}
    .suv-home-search .form-search input[type="text"] {width: 100%;padding-right: 40px;height: 40px;}
    .suv-home-search .form-search .btn-search-home {top: -6px;background: url('../images/icon-search-home.png') no-repeat 9px center #fd741e;width: 40px;overflow: hidden;height: 40px;padding-left: 40px;top: -40px;}
    /*Home*/
    .box-mfh-three .img {height: auto;}
    .div-box-sp .col-md-4 {padding-left: 15px;}
    /*Product*/
    .btn-muahang {margin-bottom: 10px;}
    .product-page-content .nav-tabs > li > a {font-size: 14px;padding: 10px;}
}




























