@media only screen and (max-width: 600px) {
      .overlay.open ~ .dfire-about {
    z-index: 99;
  }
    .dfire-about {
    position: relative;
    top: -24px;
    /* margin-top: 1px; */
    z-index: 9999;
}
    .fire-svg{
        width: 200px !important;
    }
    .df-img {
        border: 9px solid white;
        box-shadow: rgb(255 125 0 / 56%) 0px 5px 15px;
        z-index: 55;
        position: relative;
    }
    .liqa-dash .border-span{
        left: 0;
    }
    .gas-svg{
        width: 200px;
    }
    .service-ul{
        display: block;
    }
    .single-awesome-feedback-area.small {
        top: 10px;
    }
    .padding-feedback-top-btm {
        padding: 50px 0;
    }
    .pl--control-feedback {
        padding-left: 0px;
    }
    .rts-row{
        flex-direction: column-reverse;
        padding: 0 20px;
    }
    HTML, body {
    width: 100%;
    overflow-x: hidden;
}
    .mega .col-md-4.bg {
        display: none;
    }
    .mega .bg2.col-12 {
        padding: 50px 30px;
    }
    .main__head #overlay {
        overflow-y: scroll;
    }
    .slider-top-mgn {
        margin-top: 138px;
    }
    .slider h1 {
        font-size: 25px;
    }
    .slider h2 {
        font-size: 40px;
    }
    /*  */
    #britcovideo img.img-responsive.mrg-horizon-auto.mrg-top-60 {
        width: 295px;
    }
    #britcovideo video {
        top: 35px;
    }
    .slider p {
        padding: 20px;
    }
    .slider-counter {
        display: none;
    }
    .who-we-are .we_are_img1 {
        display: none;
    }
    .who-we-are {
        padding: 50px 20px;
    }
    /* ABOUT PAGE */
    .about-we-are .col-md-3.text-center.d-flex.image {
        justify-content: center !important;
    }
    .blog-sec-div {
        transform: translateX(0px);
        margin-bottom: 30px;
    }
    /* TRAINING */
    .global_pre .cnts p {
        padding: 0px 10px 0px 10px;
    }
    .arrow-div {
        align-items: start;
        transform: translate(0px, 0px);
    }
    /* TRADING */
    .arrow-down {
        padding: 15px 5px;
    }
    .tra-who-we-are p {
        padding: 30px 0px;
    }
    .trading_img {
        background-size: cover;
        background-position: center;
    }
    /* COMMON */
    section {
        padding: 30px 0;
    }
}
@media only screen and (max-width: 720px){
    .bann-bg {
        padding:0;
    }
    .common-log{
        top: -7px;
    position: relative;

    }
    .fire-svg{
    width: 300px;
    }
    .about-content .row{
        flex-direction: column-reverse;
    }
 .logo-img{
        display: none;
    }

    
    .bann{
        width: 100%;
     
    }
    .d-box {
        margin-top: 0 !important;
        place-content: end;
    }
    .banner-logo{
        height: 36px;
    }
    img.banner-logo.one {
         height: 45px !important;
    }
    .intro.moved {
        height: 164px !important;
        top:88px;
    }
    .mep-b {
        height: 70px;
    }
    body.inner-page .button_container {
         top: -34px; 
    }
.button_container.active{
        top: 95px !important;
    }
    body.inner-page .logo-img{
        display: none;
    }
    .inner-banner {
             margin-top: 0;
        margin-top: -38px;
        position: relative;
        z-index: 9999
    }
    .text-effect {
        font-size: 26px;
    }
    .banner-brief{
        padding: 20px;
    }
    .banner-brief.banner-brief-right {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
    .banner-brief.banner-brief-left {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
        text-align: right;   }
    .single-banner{
        flex-direction: column;
    }
    .header{
        padding: 10px 0;
    }
    .intro.moved img{
/* display: none !important; */
height: 37px;
    }
    .logo-intro img{
        height: 40px;
    }
    body{
        background-color: #121212;
    }
    .bann-bg {
        background-color: #121212;
    }
    .creative-photography--slider{
        /* margin-top: 480px; */
    }

/* menu service dropdown */
.photography-slider--content .photography-slider--image {
    height: 42%;
}
.bann{
    /* margin-top: -697px; */
    margin-bottom: 25px;
}
    .service-box {
        height: 341px !important;
    }
    .certi-box svg{
        display: none;
    }
    .services .service-content p {
    text-align:justify !important;
}
    .about-content h1 {

    letter-spacing: 5px;

}
    .about-content .ticks ul li{
        font-size: 14px;
    }
    .about-content .ticks{
        width: 80%;
        margin-top: -164px;
        margin-left: -20px;
    }
    .section-title h2 {
      
        font-size: 20px;
    }
    .about-content h1{
        font-size: 13px;
    }
    .core-box{
        margin: 0 auto;
    }
    .footer .footer-top {
        padding-bottom: 0;
    }
    .footer .copyright p{
        text-align: center;
    }
    a.fonts{
        font-size: 12px;
    }
    .button_container{
        top: 0;
    }
    .footer-contacts .logo img {
       
        margin: 0 auto;
        display: flex;
    }
    .footer-contacts .ul {
       
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .mep-log{
        height: 139px !important;
    }
    .d-box {
        place-content: end;
        padding: 28px 25% !important;
    }
    .bann {
        width: 100%;
         margin-top: 120px !important; 
    }
    .logo-intro img{
        height: 60px !important ;
    }
    .banner-logo {
        height: 85px;
    }
    .h-80{
        height:65px;
    }
    .fire-box h4 {
        font-size: 14px;
    }
    .d-gas .service-box {
        height: 351px;
    }
    .d-gas svg{
        width: 350px;
    }
    .contact-page .info-item p {
        font-size: 16px;
    }
    .about-content h1 {
     
        letter-spacing: 2px;

    }

    .core-box {

        height: 200px;
        width: 200px;
     
        background-size: cover;
    }
    .core-values h4 {
     
        font-size: 18px;
    }
    .footer-contacts .logo img {
        height: 43px;
    }
    .footer ul li{
        list-style-type: disc;
    }

}
@media (min-width: 992px){
  
    .logo-intro img{
        height: 80px;
    }
    .bann-bg{
        margin-top: 10%;
        padding: 34px 0;
    }
    .header-main{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .creative-photography--slider{
        height: 100vh;
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1200px){
    body.home .header{
        padding:10px 0;
    }
    .mep-b {
        height: 73px;
    }
    body.inner-page .header{
        /* padding: 0; */
    }
    .inner-banner {
        background-color: #000;
        /* padding: 15px 0; */
        /* margin-top: 168px; */
    }
 
    .d-box {
        place-content: end;
        padding: 42px 25%;
    }
     .bann-bg{
        margin: 0;
        padding: 0;
     }
    .bann {
        width: 100%;
         /*margin-top: 94px; */
    }
    /* .intro.moved  .demco-icon{
        display: block;
        height: 116px !important;
      
      } */
     .intro.moved .logo-intro img {
        height: 75px;
    }
}
    .logo-intro img{
        height: 80px;
    }
    

   /* menu service dropdown */
   ul li:hover > ul,
   ul li ul:hover {
     visibility: visible;
     opacity: 1;
     display: block !important;
   }
   .bann{
    float: left;
    /* margin-top: 50px; */
    position: relative;
    z-index: 3;
  }
  .bann-bg{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bann-bg{
    background-image: url(../images/banner4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.bann-bg:after{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.85);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

@media(max-width:576px){
    .mob-hide{
        display: none;
    }
    .testimonial-block .inner-box {
        padding: 60px 35px;
   
    }
    .mob-scrn{
        text-align:center;
        padding:20px;
        width:100%;
    }
       .core-box {
        height: 95px;
        width: 95px;
        background-size: cover;
    }
        .core-box img {
        height: 30px;
        width: 30px;
        margin-top: 50px;
        transition: 0.5s all ease;
    }
    .core-content h4 {
        font-size: 18px;
        padding-left: 0px !important;
    }
    .dsk-scrn{
        display:none;
    }
    .footer-contacts .ul img {
        height: 33px;
        width: 33px;
    }
    .contact-page .info-item i {
        font-size: 24px;
        line-height: 0;
        color: #f8941e;
    }
    .about-content p {
        font-size: 14px;
    }
    p,.testimonial-block .text{
        font-size:14px;
    }
}

@media(min-width:577px){
    .mob-bt-scrn{
        display:none;
    }
}

@media(min-width:1200px) and (max-width:1800px){
     .bann {
        width: 100%;
         margin-top: 94px; 
    }
}
/*@media(min-width:1100px){*/
/*    .sticky-top.main {*/
/*        padding: 5px;*/
/*    }*/
/*}*/