@media (max-width:1400px) {
       .container { width: 1170px; } 
}
@media (max-width:1200px) {
    .container { width: 970px; }
    .col-lg-6{width: 100%;}
    #sp-logo{width: auto;}
    #sp-header .logo .logo-image { height: 58px; }
    nav.sp-megamenu-wrapper { display: none !important; }
    #offcanvas-toggler { display: inline-flex !important; }
    #sp-bottom #sp-bottom1, #sp-bottom #sp-bottom3 { width: 50%; }

    .burger-icon { width: 30px; cursor: pointer; height: 30px; border: 1px solid #3498db; padding: 5px 5px; border-radius: 30px; }
    .burger-icon>span { height: 2px; margin: 3.5px 0; background: #3498db; }
    .offcanvas-active .burger-icon { border: 1px solid #fff;}
    .offcanvas-active .burger-icon>span { background: #fff; }
    .offcanvas-menu{background: #3498db;}
    .offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) { transform: translate(0, 5px) rotate(-45deg); }
    .offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) { transform: translate(0, -6px) rotate(45deg); }
    .offcanvas-menu .offcanvas-inner { padding: 20px; }
    .offcanvas-menu .offcanvas-inner ul.menu { margin: 0 -20px; }
    .offcanvas-menu .offcanvas-inner ul.menu li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span { border-bottom: 1px dotted #e8e8e8; transition: 300ms; padding: 4px 20px; line-height: 36px; color: #fff; display: block; font-weight: 300; font-size: 14px; opacity: 1;}
    .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li span { border-bottom: 1px dotted #e8e8e8; transition: 300ms; padding: 4px 20px; line-height: 36px; color: #fff; display: block; font-weight: 300; font-size: 14px;}
    .offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color: #fff;}
    .offcanvas-menu .offcanvas-inner ul.menu li.active a{color: #fff;}
    .offcanvas-menu .offcanvas-inner ul.menu ul { display: flex !important; }
    body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul{margin-bottom: 0;}
}

@media (max-width:991px) {
    .container { width: 750px; }
    #sp-header .logo img.logo-image-phone { height: 58px; }
    #sp-bottom #sp-bottom1, #sp-bottom #sp-bottom3 { width: 100%; }
    .running-tours-for-everyone { padding: 0; }
    .running-tours-for-everyone .row-box .box{width: 100%;}
    .Why-Choose-Us-mod .uk-tab{margin: 0;}
    .Why-Choose-Us-mod .uk-tab li a{height: 100%;}
    .running-guide-slider .slide{flex-wrap: wrap;}
    .running-guide-slider .slide .img { width: 100%; padding-right: 0; }
    .running-guide-slider .slide .content{width: 100%;}
    section#sp-slider .uk-scope .uk-slideshow-items .font52{font-size: 45px;}
}

@media (max-width:767px) {
    .container { width: 100%; }
    #sp-header .logo img.logo-image-phone { height: 45px; }
    .most-popular ul li{width: 50%;}
    .Why-Choose-Us-mod .uk-switcher .uk-panel .uk-grid .uk-width-medium-3-10 { width: 40%; }
    .Why-Choose-Us-mod .uk-switcher .uk-panel .uk-grid .uk-width-medium-7-10 { width: 60%; padding-left: 20px; }
    section#sp-slider .uk-scope .uk-slideshow-items .font52{display: none;}
    section#sp-slider .uk-scope .uk-slideshow-items .font52+br{display: none;}
}
@media (max-width:480px) {
    #sp-header .logo img.logo-image-phone { height: 35px; }
    #sp-header #sp-menu { width: 50px; }
    section#sp-slider .uk-scope .uk-slideshow-items .font23{font-size: 18px; margin-bottom: 10px;}
    .most-popular ul li{width: 100%; margin-bottom: 15px;}
    .Why-Choose-Us-mod .uk-switcher .uk-panel .uk-grid .uk-width-medium-3-10{width: 100%;}
    .Why-Choose-Us-mod .uk-switcher .uk-panel .uk-grid .uk-width-medium-7-10 { width: 100%; padding-left: 30px; }
    #sp-footer #sp-footer1{width: 100%;}
    #sp-footer #sp-footer2 { text-align: center; width: 100%; margin-top: 5px; }
}