@media(max-width:1180px){
    
}
@media(max-width:500px){
    .theme_modal .modal_header h4.modal-title {
        font-size: 22px;
    }
    #login .theme_modal {
        padding: 2rem 1rem;
    }
    section.hero-section:after {
        width: 400px;
        height: 400px;
        top:40%;
        left: -95%;
    }
    section.hero-section .video_container {
        height: 50vh;
    }
    section.hero-section {
        padding-top:90px;
        padding-bottom: 50px;
    }
    .hero_text h1 {
        font-size: 35px;
    }
    section.hero-section .video_container video {
        position: relative;
        top: -200px;
    }
    section.gradient-overly-bottom {
        padding: 50px 0px;
    }
}
@media(min-width:400px) and (max-width:600px){
    
}
@media(min-width:600px) and (max-width:768px){
    
}
@media(min-width:600px) and (max-width:750px){
   
}
@media(min-width:750px) and (max-width:850px){
   
}
@media(min-width:1000px) and (max-width:1100px){
    
}
@media(min-width:850px) and (max-width:1200px){
    
}
/*==========laptop============*/
@media(min-width:1366px) and (max-width:1900px){
   
}
@media(min-width:1400px) and (max-width:2000px){


}
@media(min-width:1800px){
   
}

@media(min-width:1300px) and (max-width:1450px){
    section.hero-section:after {
        left: -66%;
    }
}