'css' => '#next, #back { background: #e30611; box-shadow: 0 3px 0 0 #d40007; border: none; width: 250px; height: 60px; font-size: 22px; border-radius: 5px } #next:hover, #back:hover { background: #d40007; } * { line-height: 1.5; word-break: normal !important; } .profislider {width: 500px !important} @media screen and (max-device-width:650px) { #next {line-height: 0.5; background: #e30611; box-shadow: 0 3px 0 0 #d40007; border: none; width: 100%; height: 60px; font-size: 30px; border-radius: 10px } #back {line-height: 0.5; background: #e30611; box-shadow: 0 3px 0 0 #d40007; border: none; width: 100%; height: 60px; font-size: 30px; border-radius: 10px } .logo-mts { width: 100% } .profislider {width: 300px !important} } .logo-mts1 { height: 100px } .ui-slider-range { background-color: #e30611 !important } page-nav { background-color: #e30611 } h2 { color: #e30611 } main span.but { background-color: #e30611 }', 'js' => ' $("#next, #back").removeClass("bg-green"); /*$(".bg-green, .bg-red").removeClass("bg-green").addClass("bg-red-d1"); $(".text-green, .text-red").removeClass("text-green").addClass("text-red-d1");*/ var isnav = "main"; var $pagenav = $("page-nav"); if($pagenav.length>0){ $pagenav.removeClass("bg-blue"); isnav = $pagenav; } $("h2").removeClass("text-green"); $("main span.but.bg-green").removeClass("bg-green"); $(isnav).before("