@media (max-width: 1500px) {
    
    .pushkin {width:200px;}
    .top-title {font-size:60px;}
}

@media (max-width: 1400px) {
    
    .pad {
        padding-left:5% !important;
        padding-right:5% !important;
    }
    
    .photos > a {height:150px;}

    .cont-left {padding-left:20px;}
    .cont-right {padding-right:20px;}
    
    body {font-size:14px;}
    .top-title {
        margin-bottom: 17%;
    }
    .odin,
    .logo-odin-cont {
        margin-top:10%;
    }
    .top-title {
        margin-bottom:15%;
    }
}

@media (max-width: 1280px) {
    .pad {
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .lt-subtitle {font-size:25px;}
    .lt-title {font-size:45px;}
    .logo-odin-cont {}
}

@media (max-width: 1023px) {
    .logo-text2 {max-width: 350px; padding-top:25px; margin-right:0;}
    .lt-title {line-height: 1em;}
    .lt-subtitle {font-size:25px;}
    
    .row {margin:0 -4px;}
    .row .col {padding:0 4px;}
    
    .logo-text {font-size:40px;}
    
    .top {
        min-height: 800px;
    }

    .lt-subtitle {font-size:22px;}
    .lt-title {font-size:40px;}

    .top-title {margin-bottom: 18%;}
    .top-short .kdmks-cont {display: none;}
}

@media (max-width: 900px){
    .top {
        min-height: 750px;
    }
    .top-title {
        margin-bottom: 25%;
        left:40%;
    }
    .pushkin-cont {
        text-align: center;
    }
    .odin, .top-title,
    .logo-odin-cont {
        text-align: left;
    }
    .odin {
        position: relative;
        display: inline-block;
        margin:10px 0px;
    }
    .logo-odin-cont img {width:60px;}
    .logo-odin-cont {
        padding:5px 0 0 75px;
        margin-top:16%;
    }
    .top-title {
        margin-bottom: 15%;
    }
    
    .top {
        min-height: 900px;
    }

}

@media (max-width: 767px){
    .lt-subtitle {font-size:20px;}
    .lt-title {font-size:40px;}
    
    .next-day,
    .prev-day {min-width: 120px;}
    
    .footer-logo .row .col:first-child {
        border-bottom: 1px solid rgba(255,255,255,0.3);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    
    .top-title {font-size:50px;}
    
    .top {
        min-height: 700px;
    }

}

@media (max-width: 600px) {
    .logo {
        padding:30px 10px 20px;
        margin-right:10px;
    }
    .logo img {width:70px;}
    .top {height:100vh; max-height: 700px;}
    .logo-text {display: none;}
    
    .more_button {margin-top:45px; display:block;}
    
    .top-title {left:35%; font-size:40px;}
    .pushkin {width:150px; margin-bottom: 10px;}
    .top {
        min-height: 650px;
    }
    
    .lt-line-1 {font-size:22px;}
    .lt-line-2 {font-size:18px;}
    .lt-line-3 {font-size:16.5px;}
}

@media (max-width: 480px) {
    .odin-logo {width:70px;}
    .odin-text {font-size:16px;}
    .logo-odin2 {right:auto; left:0; top:165px; display:none;}
    .logo-odin2 img {width:50px;}
    .logo-text2 {
        position: absolute;
        left:105px;
        right:0;
    }
    .lt-subtitle {font-size:16px;}
    .lt-title {font-size:35px;}
    .top {min-height: 500px;}
    
    .top-title {left:35%; font-size:40px;}
    .pushkin {width:120px; margin-bottom: 15px;}
    .top {
        min-height: 600px;
    }
    
    .top-short .lt-subtitle {font-size:14px; margin-top:7px;}
    .top-short .lt-title {font-size:26px;}

}

@media (max-width: 420px) {
    h1, .h1 {font-size:22px;}
    h2, .h2 {font-size:20px;}
    h3, .h3 {font-size:18px;}
    .top-title {font-size:35px;}
}

@media (max-width: 380px) {
    
    .odin {padding-top:0px; height:80px;}
    .odin-logo {width:50px;}
    .odin-text {
        font-size:14px;
    }
    .top {
        min-height: 500px;
    }
    .top-title {
        font-size:30px;
        
    }
}