@media (min-width:320px){
    .Wrapper{width: 310px;}
    .header{margin-top: 40px;}
    .company, .mxh, .menu, .owl .owl-dots{display: none;}
    .mobile{display: block;}
    .ColLeft, .ColRight{width: 100%;}
    .menuBot1, .menuBot2, .menuBot4{margin-bottom: 20px;}
    .copyright{text-align: center;}
    .online{display: none;}
    .owlItemIn{box-sizing: border-box; width: 100%; margin-bottom: 11px;}
}
@media (min-width:360px){
    .Wrapper{width: 350px;}
}
@media (min-width:410px){
    .Wrapper{width: 400px;}
    .mxh{display: block; top: -7px;}
}
@media (min-width:480px){
    .Wrapper{width: 480px;}
    .ColRight{display: none;}
    .menuBot{float: left;}
    .menuBot1{width: calc(30% - 10px); margin-bottom: 26px;}
    .menuBot2{width: calc(70% - 10px); margin-right: 20px; margin-bottom: 0;}
    .menuBot3{width: calc(30% - 10px);}
    .menuBot4{width: calc(70% - 10px); margin-right: 20px; margin-bottom: 20px;}
    .owlItemIn{float: left; width: calc((100% - 11px) / 2); margin-right: 11px; margin-bottom: 11px;}
    .owlItemIn:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .Wrapper{width: 580px;}
    .company{float: right; display: block; width: calc(100% - 315px); margin: 22px 0 0;}
}
@media (min-width:767px){
    .Wrapper{width: 767px;}
    .copyright{float: left; text-align: left;}
    .owl .owl-dots, .online{display: block;}
    .owlItemIn{width: calc((100% - 22px) / 3);}
    .owlItemIn:nth-child(2n){margin-right: 11px;}
    .owlItemIn:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .Wrapper{width:970px;}
    .header{margin-top: 55px;}
    .company{float: left; width: auto; margin: 10px 0 0 67px;}
    .mxh{top: -17px;}
    .menu{display: block;}
    .mobile{display: none;}
    .menu ul#navigation > li > a{padding: 0 6px; text-transform: capitalize;}
    .menu ul#navigation li.first-child a{padding-left: 0;}
    .menu ul#navigation li.last-child a{padding-right: 0;}
    .ColLeft{float: left; width: 720px;}
    .ColRight{float: right; display: block; width: 228px; padding-top: 22px;}
    .menuBot1{width: 155px; margin-right: 20px;}
    .menuBot2{width: 270px; margin-bottom: 0;}
    .menuBot3{width: 150px; margin-right: 20px;}
    .menuBot4{float: right; width: 335px; margin-right: 0; margin-bottom: 0;}
}
@media (min-width:1170px){
    .Wrapper{width:1170px;}
    .company{margin: 10px 0 0 90px;}
    .mxh{top: 22px;}
    .menu ul#navigation > li > a{padding: 0 9px; text-transform: uppercase;}
    .menu ul#navigation li.first-child a{padding-left: 0;}
    .menu ul#navigation li.last-child a{padding-right: 0;}
    .ColLeft{width: 827px;}
    .ColRight{width: 298px;}
    .menuBot1{width: 160px; margin-right: 60px;}
    .menuBot2{width: 275px; margin-right: 60px;}
    .menuBot3{width: 155px; margin-right: 60px;}
    .menuBot4{width: 400px;}
}