@media  (max-width:767px){
#hero_section { height: 100vh !important;}
h5 {font-size: 25px;}
h2 {font-size: 45px !important;}
#hero_section::after {display: none;}
#hero_section::before {width: 450px!important; height: 380px!important; transform: translate(-50%); right: -50%!important; left: 50%;}
#hero_section .cta {display: block !important;}
#hero_section ul.social_media{margin-top: 20px;padding-left: 0;}
#hero_section ul.social_media li {padding-left: 0 !important;padding-right: 20px;}
#hero_section .banner_content {text-align: center;   margin-bottom: 300px;}  
}

@media only screen and (max-width:600px){
h5 {font-size: 25px;}
h2 {font-size: 40px !important;}

}

@media only screen and (max-width:480px){
h5 {font-size: 22px  !important;}
h2 {font-size: 28px !important;}
nav .logo img {max-width: 80%;}
nav ul.mobile-menu {top: 80px!important;}
#hero_section {height: 89vh !important;  } 
#hero_section .banner_content { margin-bottom: 400px;}
}