/* responsive css */

.responsive-menu{display: none; margin: 0 auto;}

/* media */

@media only screen and (max-width:1024px){
    .navigation { display: none;}
    .leftpeer{width: 92%; padding: 0 4%;}

    .responsive-full{width: 100% !important; margin: 0 auto; margin-left: 0; margin-right: 0; padding: 20px 0;}
    
    .responsive-ul{padding: 10px 0;}
    .responsive-ul ul{width: 100%; text-align: center; margin-left: 0; margin-right: 0; }
    .responsive-ul li{display: block !important; margin-bottom: 10px; }
    .responsive-ul a{line-height: 24px !important; padding: 0 !important; }
    
    .responsive-center-copy{line-height: 24px !important; padding: 10px 0; }
    
    .left, .right{float: none; width: 100%; margin: 0 auto; margin-bottom: 15px; text-align: center;}
    
    .responsive-block{margin-top: 25px !important;}
    
    .responsive-menu{display: block;}
    .non-responsive-menu{display: none;}
    
    .responsive-hidden{display: none;}
    
    .responsive-center{margin-left: auto !important; margin-right: auto !important; display: block; margin-bottom: 20px;}
}

@media only screen and (max-width:960px){ 

    .warrior { float: none !important; padding-left: 420px;}
    .header-right {
     margin-top: 32px !important;
     margin-left: 15px !important;
     }
     ul.list-left { padding-top: 12px !important; margin-left: 80px !important; }
     .logo { margin-right: 20px !important;}
     .content-product { height: 297px !important;}
     img.all-product { margin-left: 60px !important}
     .soldier{ margin-left: -485px !important;}
     .menu { display: none;}
     .banner { height: 115px !important;}
     li.list2 {margin-left: -22px !important;}
     li.list3 {margin-left: -40px !important;}
     ul.list-right {padding-top: 12px !important; margin-left: -400px !important;}
     ul.list-left li, ul.list-right li { height: 16px !important;}
     .product { margin-bottom: 50px !important; padding-right: 75px !important;}
     .content-product .leftpeer { width: 660px !important; margin: 0 auto !important;}  
     .content-footer { height: auto !important; background-size: 300% 130%;}
     .slider h2.med {display: none !important;}
     
}


@media only screen and (max-width:480px){ 

    .logo, .logo-footer { width: 95%;}
    .warrior { padding-left: 20px; padding-top: 65px !important;}
    .header-right {margin-left: -13px !important;}
    .banner { height: 187px !important; background-size: cover;}
    .content-product .leftpeer { width: 300px !important; margin: 0 auto !important;} 
    .soldier{ display: none;}
    ul.list-right {float: none !important; margin-left: 20px !important; }
    ul.list-left { float: none !important; margin-left: 20px !important;}
    ul.list-right li { text-align: left !important; width: 150px !important;}
    ul.list-left li {width: 150px !important;}
    img.accesories {margin-top: -170px !important; margin-right: 0px !important; }
    img.all-product { margin-left: 0px !important; margin-top: 32px !important;}
    .grid30 { width: 95% !important; }
    .text-about { width: 95% !important;}
    .content-about { height: 620px !important; background-size: 300% 110%; background-repeat: no-repeat;}
    .view-video {margin-top: 8px !important;}
    .slider h2 img { width: 100% !important;}
    .slider  a { margin-left: 100px !important; margin-top:  -10px !important;}
}