/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {

        .slider {width: 350px;      margin: 10px auto;}
    .slider ul li img{width: 350px}
    .services-area .services-content .title {
        font-size: 45px;
    }
.social-buttons2{left:20px;    top: 10px;}
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-us-box{  width: 90%;}

    .testimonial-play{
        background: #7F8E92!important;
        width: 150px;
        padding: 15px;
    }  
    .testimonial-play a {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 40px;
    }
    .video-area .slick-list {
        width: 150px;}

    .showcase-active .slick-arrow {
        right: 150px;}
    .showcase-active .slick-arrow.prev {
        right: 210px; }

    .video-link-area {
        top: 50px;
        right: 0;
        height: 40px;
        width: 100%;
        position: relative;
    }


    .video-link-area a {
        padding: 7px 30px;
        color: #fff;
        background: #091D3E;
    }
    .showcase-active .slick-arrow i {
        width: 60px;
        line-height: 50px; }

    .home-content {
        position: initial;
        top: 120px;
        bottom: 0px;
        left: 100px;
        min-height: 150px;
        display: block;
    }



    .home-content-text .title {
        font-size: 18px;}


    .home-content-text .header{
        font-size: 50px; }

    .main-btn {

        padding: 0 5px;
        font-size: 14px;
        line-height: 40px;
    }
    .bottom-left {
        bottom: 5px;
        padding: 2px;
    }

    .services-area .services-content .title {
        font-size: 65px;
    }

    .contact-us-box .send-email-icon {
        position: absolute;
        bottom: 30px;
        left:  155px;
    }
    .testimonial-play a i {
        margin-left: 10px;
        line-height: 60px; }
    .video-area {
        position: initial;
        width: 100%;
        position: relative;

        min-height: 90px;

    }
    .social-buttons {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .vl {display: none;}
    .social-buttons2 {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }



    .slick-slider{display: none}
    .slider {width: 500px;      margin: 10px auto;}
    .slider ul li img{width: 500px}
    .header-area .navbar .navbar-nav .nav-item.active a, .header-area .navbar .navbar-nav .nav-item:hover a {

        text-underline-offset: 5px;
    }

}


/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {

    h1{font-size: 40px;}

    .home-content{
        position: initial; 
        top: 200px; 
        bottom: 0px;
        left: 100px; 
        min-height: 150px; 
        display: block;

    }  

    .contact-us-box{ margin-bottom: 50px;}
    .video-link-area {
        /*display: block;*/
        background: #091D3E;
        position: absolute;
        top: 80px;
        right: 0px;
        height: 70px;
        float: left;
        display: table-row;
        text-align: center;
    }
    .video-link-area a{ width: 100%;}
    .vl {display: none;}
    .social-buttons {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .social-buttons2 {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .video-area {
        position: initial;
        width: 100%;
        position: relative;

        min-height: 300px;

    }
   .slider {width: 300px ;   margin: 10px auto;}
    .slider ul li img{width: 300px}


}

/* Large Mobile :480px. */
@media only screen and  (max-width: 575.98px) {

    h1{font-size: 40px;}
    .slider {width: 300px ;   margin: 10px auto;}
    .slider ul li img{width: 300px}
    .header-container{padding: 10px;}
    .home-content{
        position: initial; 
        top: 200px; 
        bottom: 0px;
        left: 100px; 
        min-height: 150px; 
        display: block;

    }  

    .contact-us-box{ margin-bottom: 50px;}
    .video-link-area {
        /*display: block;*/
        background: #091D3E;
        position: absolute;
        top: 80px;
        right: 0px;
        height: 70px;
        float: left;
        display: table-row;
        text-align: center;
    }
    .video-link-area a{ width: 100%;}
    .vl {display: none;}
    .social-buttons {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .social-buttons2 {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .video-area {
        position: initial;
        width: 100%;
        position: relative;

        min-height: 300px;

    }
    h1{font-size: 40px;}

    .home-content{
        position: initial; 
        top: 200px; 
        bottom: 0px;
        left: 100px; 
        min-height: 150px; 
        display: block;

    }  

    .contact-us-box{ margin-bottom: 50px;}
    .video-link-area {
        /*display: block;*/
        background: #091D3E;
        position: absolute;
        top: 80px;
        right: 0px;
        height: 70px;
        float: left;
        display: table-row;
        text-align: center;
    }
    .video-link-area a{ width: 100%;}
    .vl {display: none;}
    .social-buttons {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .social-buttons2 {
        display: block;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
    }
    .video-area {
        position: initial;
        width: 100%;
        position: relative;

        min-height: 300px;

    }
    .header-area .navbar .navbar-nav .nav-item.active a, .header-area .navbar .navbar-nav .nav-item:hover a {

        text-underline-offset: 5px;
    }

}