﻿/* lg */
@media (min-width: 1200px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
}

/* xs */
@media (max-width: 767px) {
    #body { }
    #header .header .navbar-nav { width: 100%; }
    #header .header .navbar-collapse { background-color: #FFF; z-index: 99; }
    #body .section.two .wmap { display: none; }
    .fotWorld { width: 100%; }

    .sldYazi { left: 10px; }
        .sldYazi .slogan { padding-left: 0px; height: 100px; font-size: 20px !important; }
    #sldYazi0 .slogan .yz1, #sldYazi0 .slogan .yz2, #sldYazi0 .slogan .yz3 { font-size: 30px !important; height: 150px; }
    #sldYazi0 .slogan .yz1 { top: 0px; letter-spacing: 0px; }
    #sldYazi0 .slogan .yz2 { top: 31px; }
    #sldYazi0 .slogan .yz3 { top: 64px; letter-spacing: 0px; }
    #header .container { background-color: white; }
}

@media (max-width: 650px) {
    #entrpLogin { display: none; }
}

/* XS Portrait */
@media (max-width: 480px) {
    #body { }
        #body .section.two .wmap { display: none; }
    .fotWorld { width: 100%; }
    .sldYazi { left: 10px; }
        .sldYazi .slogan { padding-left: 0px; height: 70px; font-size: 20px !important; }
    #sldYazi0 .slogan .yz1, #sldYazi0 .slogan .yz2, #sldYazi0 .slogan .yz3 { font-size: 20px !important; height: 150px; }
    #sldYazi0 .slogan .yz1 { top: 0px; letter-spacing: 0px; }
    #sldYazi0 .slogan .yz2 { top: 23px; }
    #sldYazi0 .slogan .yz3 { top: 46px; letter-spacing: 0px; }
    #header .container { z-index: 0; background-color: white; }
    #entrpLogin { display: none; }
}

@media (max-width: 420px) {
    .no-padding { margin-left: 0px !important; margin-right: 0px !important; }
    .no-pad { padding: 0; }
}