@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
    .site_header {
        background: none;
    }
    .sticky_head{
        background: #121212;
        padding-top: 0px;
    }
    .hero_area {
        overflow: hidden;
    }
    .hero_globe {
        top: -500px;
        right: -400px;
    }
    .navbar-brand {
        position: relative;
        z-index: 1000;
    }
    .navbar-toggler {
        position: relative;
        z-index: 1000;
    }
    .change_site_header .logo_fav_color{
        display: none;
    }
    .change_site_header .logo_fav_black{
        display: inline-block;
    }
    .navbar-brand {
        font-size: 16px;
        line-height: 21px;
        transition: 0.4s;
    }
    .change_site_header .navbar-brand {
        color: #121212;
        transition: 0.4s;
    }
    .navbar-brand img {
        width: 33px;
    }
    .change_site_header .bar1, .change_site_header .bar2, .change_site_header .bar3{
        background-color: #121212;
    }
    #top-menu li.active a {
        color: #fff !important;
    }
    .site_header .container{
        padding: 0px 25px;
    }
    .site_header .navbar-collapse{
        
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #00FE57;
    }
    .site_header .nav-item {
        padding: 0px 30px !important;
    }
    .site_header .nav-item {
        text-align: center;
        padding-top: 8vh !important;
    }
    .site_header .navbar-nav {
        padding-top: 100px;
    }
    .navbar_nav_2{
        padding-top: 0px !important;
    }
    .site_header .navbar-nav .nav-link {
        color: #121212;
    }
    .site_header .navbar-nav .nav-link:hover {
        color: #fff;
    }
    .contact_btn {
        color: #121212;
        border: 2px solid #121212;
    }
    .contact_btn:hover{
        color: #121212;
        border: 2px solid #121212;
    }

    .news_area .row{
        margin: 0px -25px;
    }

    .services_area .row{
        margin: 0px -25px;
    }



}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .hero_area{
        padding-bottom: 70px;
    }
    .hero_txt {
        padding-top: 195px;
    }
    .hero_btn_1 {
        width: 100%;
        padding: 12px 20px;
        text-align: center;
    }
    .border_design_area .col:first-child, .border_design_area .col:nth-child(2){
        display: none;
    }
    .news_area {
        padding-top: 250px;
        padding-bottom: 50px;
    }
    .dna_st_1 {
        top: -350px;
    }
    .news_globe {
        position: absolute;
        bottom: 50%;
        margin-bottom: -100px;
        margin-left: -100px;
        text-align: left;
    }
    .news_mt_450{
        margin-top: 0px;
    }
    .geteway_globe {
        right: 0px;
    }

    .desktop_none{
        display: block !important;
    }
    .mobile_none{
        display: none !important;
    }
    .services_area .container, .services_area .col-md-5, .services_area .col-md-7 {
        padding-top: 50px;
    }
    .services_area {
        padding-top: 10px;
    }
    .services_row_2 {
        padding-top: 50px;
    }
    .services_globe {
        width: 100%;
        position: absolute;
        bottom: -190px;
        overflow: hidden;
    }
    .services_globe img{
        position: relative;
        right: -110px;
    }
    .site_footer {
        background: url(../images/footer-bg.png) top center no-repeat;
        background-size: auto;
        margin-top: 140px;
        padding: 120px 0px 80px;
    }
    .site_footer p {
        text-align: center;
    }
    .news_area .col-md-6 {
        padding-right: 0px;
    }

    .news_area .news_titles {
        padding-right: 25px;
    }
    .geteway_area .col-md-7, .services_area .col-md-7{
        padding-right: 25px;
        padding-left: 0px;
    }
    .geteway_area .news_titles{
        padding-left: 25px;
    }
    .services_bottom_box {
        padding-bottom: 60px;
    }
    .hero_txt h3 {
        font-size: 32px;
        line-height: 46px;
    }


}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    
    .dna_st_1_box {
        top: 160px;
    }

}