@media (min-width: 320px){
    .wrapper{width: 320px;}
    .menumobile{display: block; top: -36px; left: 0; text-transform: uppercase;}
    .menumobile2{left: 75px;}
    .quytrinhR{margin-right: 0;} 
    .quytrinh, .ColLeft, .menu, .menufooter, .footerRight, .navtopL, .navtopL span, .ListTTTime, .ListTTPrev, .col0, .col1, .col3, .navtopL, .name1, .name2, .hotline{display: none;}
    #form-search{top: 144px;}
    .searchItem input[type="text"]{width: 175px; padding: 5px 0px 5px; height: 15px;}
    .searchItem input[type="submit"]{width: 27px; height: 27px; background: url("images/search.png") center center no-repeat rgb(185, 23, 38);}
    .ColRight{width: 300px}
    .quytrinh{margin-right: 0; width: 300px;} .quytrinhR{margin-right: 0;}
    .infofooter{width: 315px; padding-left: 5px;}
    .infofooter ul li.first-child{font-size: 17px;}
    .navbot label{text-align: center;}
    .mxh{width: 100%; text-align: center;}
    .mxh img{margin-right: 8px;}
    .SPListItem{margin: 0 2px 17px; width: 146px;}
    .SPNewItemPrevN{min-height: 70px;}
    #form-contact{margin: 0 0 0 0;}
    .formItem input[type="text"]{float: left; width: 181px;}
    .formItem textarea{float: left; width: 177px;}
    .DetailLeft{width: 300px;}
    .DetailRight{width: 300px;}

    .dd .ddArrow{height: 32px!important;}
    .dd .ddTitle .ddTitleText{padding: 8px 20px 5px 10px!important;}
    body{background: #fff;} 
    .cart{padding-right: 2px;}
    
    .logo{margin: 5px auto 10px; width: 125px;}
    .name{margin-bottom: 26px;}
    .name3{font-weight: bold; line-height: 20px; display: block; margin-bottom: 10px;}
    
    #mystickytooltip{display: none!important;}
}

@media (min-width: 360px){
    .wrapper{width: 360px;}
    .menumobile{display: block; top: -36px; left: 0}
    .menumobile2{left: 75px;}
    .quytrinhR{margin-right: 0;} 
    .ColLeft, .menu, .menufooter, .footerRight, .navtopL span, .ListTTTime, .ListTTPrev, .col0, .col1, .col3{display: none;}
    .ColRight{width: 340px}
    .quytrinh{margin-right: 0; width: 340px;} .quytrinhR{margin-right: 0;}
    .infofooter{width: 315px; padding-left: 5px;}
    .infofooter ul li.first-child{font-size: 17px;}
    .navbot label{text-align: center;}
    .mxh{width: 100%; text-align: center;}
    .mxh img{margin-right: 8px;}
    .SPListItem{margin: 0 2px 17px; width: 166px;}
    .SPNewItemPrevN{min-height: 52px;}
    #form-contact{margin: 0 0 0 0;}
    .formItem input[type="text"]{float: left; width: 221px;}
    .formItem textarea{float: left; width: 217px;}
    .DetailLeft{width: 340px;}
    .DetailRight{width: 340px;}
    .searchItem input[type="text"]{width: 215px;}
    .cart{padding-right: 11px;}
}

@media (min-width: 480px){
    .wrapper{width: 480px;}
    .col3{display: table-cell;}
    .logo{float: left; margin: 30px 0;}
    .name{margin-bottom: 0;}
    #form-search{top: 121px;}
    .searchItemSelect{width: 142px;}
    .searchItem .dd{height: 32px;width: 142px;}
    .searchItem input[type="text"]{width: 274px;}
    .ColRight{width: 460px}
    .quytrinh{width: 230px; height: 100px;} .quytrinhR{margin-right: 0;}
    .infofooter{width: 475px;}
    .infofooter ul li.first-child{font-size: 20px;}
    .SPListItem{margin: 0 15px 17px; width: 200px;}
    .SPNewItemPrevN{height: 32px;}
    .ListTTPrev{height: 54px; display: block;}
    .formItem input[type="text"]{float: right; width: 300px;}
    .formItem textarea{float: right; width: 296px;}
    .DetailLeft{width: 395px; margin: 0 33px;}
    .DetailRight{width: 450px; margin: 0 5px;}

    .menumobile{display: block; top: -32px; left: 0;}
    .menumobile2{left: 75px;}
    .navtopL{padding-left: 100px;}

    .cart{padding-right: 35px;}
    
    #form-search{right: 0px; top: 95px}
    .hotline{padding: 20px 0 0; width: 320px; display: block;}
    .hotline img{margin: 0 3px 0 0;}
    .searchItem input[type="text"]{width: 175px;}
    
    .name3{display: none;}
}

@media (min-width: 580px){
    .wrapper{width: 580px;}
    .col1{display: table-cell;}
    .ColRight{width: 560px}
    .quytrinh{width: 280px; height: auto;} .quytrinhR{margin-right: 0;}
    .infofooter{width: 575px;}
    .navbot label{text-align: start;}
    .mxh img{margin-right: 0;}
    .SPListItem{margin: 0 3px 17px; width: 180px;}
    .DetailLeft{margin: 0 83px;}
    .DetailRight{margin: 0 55px;}
    .menumobile{display: block; top: -32px; left: 0;}
    .menumobile2{left: 75px;}
    .navtopL{padding-left: 100px;}
    
    .hotline{padding: 20px 0 0; width: 320px;}
    .hotline img{margin: 0 3px 0 0;}
    .searchItem input[type="text"]{width: 175px;}
    .logo{width: 110px;}
    .name{width: 138px; margin-top: 15px; padding: 0 6px;}
    .name3{display: block; margin-bottom: 0;}
}

@media (min-width: 767px){
    .wrapper{width: 767px;}
    .quytrinh{display: block;}
    .col0{display: table-cell;}
    .navtopL span{display: inline-block;}
    .ListTTTime, .navtopL{display: block;}
    .ColRight{width: 747px}
    .quytrinh{width: 373px} .quytrinhR{margin-right: 0;}
    .infofooter{width: 542px;}
    .menufooter{width: 220px; display: block;}
    .SPListItem{margin: 0 24px 17px; width: 200px;}   
    #form-contact{margin: 0 0 0 125px;}
    .DetailLeft{width: 495px; margin: 0;}
    .DetailRight{width: 235px; margin: 0;}
    .dd .ddArrow{height: 42px!important;}
    .dd .ddTitle .ddTitleText{padding: 13px 20px 10px 10px!important;}
    .menumobile{display: block; top: -32px; left: 0;}
    .menumobile2{left: 75px;}
    .navtopL{padding-left: 185px;}
    .mxh{width: auto; text-align: start;}
    .logo{width: 125px;}
    .name{width: 300px; margin-top: 55px; padding: 0 11px;}
 
}

@media (min-width: 970px){
    .wrapper{width: 970px;}
    .footerRight, .menumobile{display: none;}
    .ColLeft, .menu{display: block;}

    ul#navigation > li > a{padding: 11px 23px 6px;}
    .ColRight{width: 671px}
    .quytrinh{margin-right: 3px; width: 235px} .quytrinhR{margin-right: 0;}
    .infofooter{width: 615px; padding-left: 0;}
    .menufooter{width: 255px;}
    .SPListItem{margin: 0 11px 17px;}
    .DetailLeft{width: 395px;}
    .DetailRight{width: 265px;}
    .navtopL{padding-left: 0;}
    body{background: url("images/bg.png");}
    
    .name{width: 500px; margin-top: 10px;}
    .name1{font-size: 35px; display: block;}
    .name2{font-size: 55px; margin-top: -20px; display: block;}
    .name3{font-size: 15px; font-weight: normal; line-height: normal;}  
    
    #mystickytooltip{display: block!important;}
}

@media (min-width: 1170px){
    .wrapper{width: 1170px;}
    .footerRight{display: block;}
    ul#navigation > li > a{padding: 11px 36px 6px;}
    .ColRight{width: 858px}
    .quytrinh{margin-right: 70px;} .quytrinhR{margin-right: 0;}
    .SPListItem{margin: 0 19px 17px 0;} .SPListItemR{margin-right: 0;}
    .ListTTPrev{height: 72px;}
    .DetailLeft{width: 495px;}
    .DetailRight{width: 345px;}
    
    .hotline{width: 410px;}
    .searchItem input[type="text"]{width: 260px;}
    
    .name{width: 600px; margin-top: 10px;}
    .name1{font-size: 35px;}
    .name2{font-size: 55px; margin-top: -20px;}
    .name3{font-size: 15px;}  
}