@media all and (max-width:1700px){
    .gun-rt{
        width: 40%;
        background-size: 100% 100%;
    }
    .banner-text h1 {
        font-size: 110px;
        max-width: 534px;
        line-height: 110px;
    }
    .banner-text h2 {
        font-size: 78px;
    }
    .banner-text h4 {
        font-size: 34px;
    }
    .navbar-nav li a{font-size: 18px;}
    .navbar-nav li {
        margin-left: 46px;
    }
    .navbar {
        padding: 20px 0px;
    }
    .banner-height{
        min-height: calc(100vh - 90px);
    }
    .banner-inner h2 {
        font-size: 70px;
    }
    .stripbefore {
        width: 270px;
        height: 400px;
        background-size: 100% !important;
    }
}
@media all and (max-width:1280px){    
    .bullets-lt{
        width: 13%;
        background-size: 100%;
    }
    .gta-details-right p {
        font-size: 18px;
        line-height: 24px;
    }
    .gta-details-left img{
        max-width: 120px;
    }
    .gta-details-left p {
        font-size: 16px;
    }
    .banner-text h1 {
        font-size: 110px;
        line-height: 100px;
    }
    .banner-inner h2 {
        font-size: 60px;       
        margin-bottom: 20px;
    }
    .banner-inner h4 {
        font-size: 40px;
    }   
    .stripbefore {
        width: 220px;
        height: 330px;
    }
}
@media all and (max-width:1100px){ 
    .before-child{
        display: none;
    }
}
@media all and (max-width:1000px){ 
    .banner-text h1 {
        font-size: 80px;
        max-width: 100%;
        line-height: 80px;
    }
    .banner-text h2 {
        font-size: 50px;
    }
    .banner-text h4 {
        font-size: 24px;
    }
    .banner-text h4 p{
        max-width: 300px;
    }
    .gta-details .cscol-md {
        padding-left: 40px;
    }
    .banner-inner .csrow{
        min-height: calc(100vh - 440px);
    }
}
@media all and (max-width:767px){ 
    .gta-details{
        padding-right: 0px;
    }
    .footer {
        padding: 40px 0px;
    }
    .cscol5{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cscol7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .banner-inner p{
        max-width: 100%;
    }
    .vodkawrap{
        max-width: 460px;
        margin-bottom: 30px;
    }
    .bottom-strip{
        display: none;
    }
    .banner-inner p {
        font-size: 20px;
        line-height: 32px;
    }
    .banner-inner h2 {
        font-size: 44px;
    }
    .banner-inner h4 {
        font-size: 34px;
    }
    .banner-inner{
        padding-bottom: 120px;
    }
}
@media all and (max-width:700px){ 
    .gta-details .csrow {
        display: block;
    }    
    .gta-details .cscol-md {
        padding-left: 0px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .gta-details-left p {
        max-width: 340px;
    }
    .gta-details .cscol-sm {
        flex: 0 0 486px;
        max-width: 486px;
        margin: 0 auto;
    }
}
@media all and (max-width:480px){ 
    .navbar {
        padding: 25px 0px;
    }
    .navbar-nav li {
        margin-left: 16px;
    }
    .banner-text h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .banner-text h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .banner-text h4 {
        padding-right: 0px;
    }
    .banner-text a{
        position: static;
        margin-top: 35px;
    }
    .gta-details-left h2 {
        font-size: 42px;
    }
    .btn{
        font-size: 16px;
        padding-top: 16px;
    }
    .footer img{
        max-width: 80%;
    }
    .footer p{
        font-size: 16px;
    }
    .footer {
        padding: 30px 0px;
    }
    .navbar-brand img{
        max-width: 120px;
    }
    .navbar-nav li a {
        font-size: 16px;
    }
    .banner-height {
        min-height: calc(100vh - 80px);
    }
}