/* Smartphones (portrait and landscape) ----------- */
@media (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media (max-width : 320px) {
    /* Styles */
}
/*@media (min-width : 812px) {
    .menu{padding: 0px 0px!important;}
    .menu ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 5px;
    color: #fff;
    text-transform: uppercase;
}
    .logo {
    padding-top: 10px;
}
    .awad {
    width: 15%;
    position: absolute;
    right: 0;
    top: 88px;
    background: #00000075;
}
    .slider-text {
    width: 30%!important;
    position: absolute;
    top: 188px;
    left: 69px!important;
    background-color: #00000075;
    padding: 8px 16px;
    color: #fff;
}
}*/
/* Landscape*/

@media (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


    .banner-cont{height:100vh;}

    .m-view {
        display: none !important;
    }
}

/* Portrait*/
@media (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .awad {
        width: 15%;
        position: absolute;
        right: 0;
        top: 88px !important;
        background: #00000075;
        z-index: 2;
        display: block!important;
    }
    .banner-cont {
        height: 100vh;
    }
   .slider-text {
    width: 43%!important;
    position: absolute;
    top: 200px!important;
    left: 51px!important;
    background-color: #00000075;
    padding: 8px 16px;
    color: #fff;
}
.slider-text h2 {
    font-family: 'Nunito', sans-serif !important;
    font-size: 32px!important;
}
   

    .video-bgcolor {
        overflow: hidden ;
        height: 100%;
    }
.d-view {
    display:block!important;
}
    .m-view {
        display: none!important;
    }
}

/* iPads (portrait) ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
    }
    .banner-cont {
        height: 100vh;
    }
    
    .awad {
      
        position: absolute ;
       
    }

    .slider-text {
    width: 37%!important;
    position: absolute;
    top: 188px!important;
    left: 41px!important;
    background-color: #00000075;
    padding: 8px 16px;
    color: #fff;
}

    .m-view {
        display: none!important;
    }

}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
    }
    .banner-cont {
        height: 100vh;
    }
   .hover-btn {
    position: absolute;
    bottom: 73px;
    left: 15%;
    right: 15%;
    z-index: 3;
}



    .awad {
    width: 15%;
    position: absolute;
    right: 0;
    top: 88px;
    height: auto;
    background: #00000075;
}

   .slider-text {
    width: 53vw;
    position: absolute;
    top: 255px;
    left: 46px;
    background-color: #00000075;
    padding: 15px;
    color: #fff;
}
    .m-view {
        display: none!important;
    }
}

/* Desktops and laptops ----------- */
@media (min-width : 1224px) {
   
    .m-view {
        display: none!important;
    }
}

/* Large screens ----------- */
@media (min-width : 1824px) {
    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 3% ;
        height: 82.0vh ;
        background: #00000075 ;

    }

 

    .slider-text {
        width: 30vw ;
        position: absolute ;
        top: 7% ;
        left: 9% ;

        background-color: #00000075 ;
        padding: 15px ;
        color: #fff ;
    }

    .m-view {
        display: none!important;
    }
}

/* iPhone 4 ----------- */
@media (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  

    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 100px ;
       height:100vh;
        background: #00000075 ;

    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
        margin-bottom: 0px ;
    }


    .header {
        position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 176px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
        margin-bottom: 0px ;
    }

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

  

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -52px ;
        margin-bottom: 0px ;
    }

    .about-sec {
        padding: 00px 0px 00px ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .about-sec {
        padding: 00px 0px 00px ;
    }

    

    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 58px;
       height:100vh;
        background: #00000075 ;

    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 15px ;
        margin-bottom: 0px ;
    }


    .header {
         position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 110px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

    .video-bgcolor {
        overflow: hidden ;
       height:250px;
        width: 100%;
    }

    .header {
        padding: 10px 2px;
    }

    .opacity-bg {
        width: 100vw;
        height: 31.5vh;
        background: #00000045;
        position: absolute;
        top: 0;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -52px ;
        margin-bottom: 0px ;
    }

    .d-view {
        display: none!important;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .about-sec {
        padding: 00px 0px 00px ;
    }

  

    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 57px ;
       height:100vh;
        background: #00000075 ;

    }



    .header {
         position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 93px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 15px ;
    }

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .opacity-bg {
        width: 100vw ;
        height: 31.5vh ;
        background: #00000045 ;
        position: absolute ;
        top: 0 ;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -52px ;
        margin-bottom: 0px ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .about-sec {
        padding: 00px 0px 00px ;
    }

 
    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 58px;
       height:100vh;
        background: #00000075 ;

    }



    .header {
        position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 93px !important;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

  

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        width: 24px ;
        height: 55px ;
        margin-top: -52px ;
        margin-bottom: 0px ;
    }

    .d-view {
        display: none!important;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .about-sec {
        padding: 70px 0px 0px ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .about-sec {
        padding: 70px 0px 0px ;
    }

    .d-view {
        display: none!important;
    }
}



/* iPhone X ----------- */
@media (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    .about-sec {
        padding: 60px 0px 0px ;
    }

   
    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 57px ;
       height:100vh;
        background: #00000075 ;

    }



    .header {
        position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 93px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    .about-sec {
        padding: 60px 0px 0px ;
    }

  
    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
       top: 58px;
       height:100vh;
        background: #00000075 ;

    }



    .header {
        position: absolute;
        width: 100% ;
        margin: 0px auto ;
    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 93px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

    
    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 0 ;
        margin-top: -56px ;
        margin-bottom: 0px ;
    }

    .d-view {
        display: none!important;
    }
}

/* iPhone XS Max, XR ----------- */
@media (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {


   

    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 101px ;
       
        background: #00000075 ;

    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 188px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

   
    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -57px ;
        margin-bottom: 0px ;
    }

    .about-sec {
        padding: 00px 0px 00px ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {


  

    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
      top: 58px;
       
        background: #00000075 ;

    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 93px ;
        left: 0 ;

        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-family: 'Nunito', sans-serif ;
        font-size: 17px ;
    }

   

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -57px ;
        margin-bottom: 0px ;
    }

    .about-sec {
        padding: 00px 0px 00px ;
    }

    .d-view {
        display: none!important;
    }
}

@media (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {



    .awad {
        width: 15% ;
        position: absolute ;
        right: 0 ;
        top: 101px ;
       
        background: #00000075 ;

    }

    .slider-text {
        width: 80% ;
        position: absolute ;
        top: 188px ;
        left: 0 ;
        background-color: #00000075 ;
        padding: 8px 16px ;
        color: #fff ;
    }

    .slider-text h2 {
        font-size: 17px ;
    }

    

    .video-bgcolor {
        overflow: hidden ;
       height:100vh;
        width: 100vw ;
    }

    .mouse_scroll {
        display: block ;
        margin: 0 auto ;
        width: 24px ;
        height: 55px ;
        margin-top: -57px ;
        margin-bottom: 0px ;
    }

    .about-sec {
        padding: 00px 0px 00px ;
    }
    .pad-box{padding-left: 0px!important;padding-right: 0px!important}
  
}