/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/





/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 



@media (min-width: 240px) and (max-width: 568px){

}

@media (min-width: 569px) and (max-width: 767px){



}

@media (max-width: 767px) {

.slick-dots {
    bottom: -7px;
}

.navbar .navbar-toggler .icon-bar {

    background-color: #252525;

    display: block;

    width: 30px;

    height: 2px;

    position: relative;

    transition: ease-in-out 0.4s;

    -webkit-transition: ease-in-out 0.4s;

    -moz-transition: ease-in-out 0.4s;

    -ms-transition: ease-in-out 0.4s;

    -o-transition: ease-in-out 0.4s;

    margin-bottom: 5px;

}



.content{ padding: 30px 0 0; }

.btn-primary{ padding: 10px 0 !important; width: 200px !important; font-size: 18px !important; line-height: 18px !important; }



.h-right{ padding-left: 0px; }

.h-menu .nav-item{ padding: 0; }

.h-social ul li{ padding: 0 10px; }

.h-social ul li:first-child{ padding-left: 0; }

.h-social ul li:last-child{ padding-right: 0; }

.h-menu .navbar-nav .nav-link{ font-size: 16px; line-height: 16px; padding: 10px 0; }

.h-menu{ float: none; padding: 0 0 10px; }

.h-social{ float: none; position: absolute; top: 0; }

.h-social ul li a{ color: #252525; }

.h-menu .navbar-nav .nav-link{ color: #252525; }

.navbar-nav.sm-collapsible .sub-arrow{ border: none !important; }

.h-menu .navbar-nav .nav-link:after{ height: 3px; }



.h-menu .navbar-toggler .icon-bar { background-color: #252525; position: relative; transition: ease-in-out 0.4s; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; }

.h-menu .navbar-toggler.open .icon-bar { background-color: #252525; }

.h-menu .navbar-toggler.open .icon-bar:nth-child(1) { top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.h-menu .navbar-toggler.open .icon-bar:nth-child(2) { display: none; }

.h-menu .navbar-toggler.open .icon-bar:nth-child(3) { top: -4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }



.h-logo:after{ display: none; }

.h-logo img{ width: 70px; }

.h-logo{ padding: 15px 0; }



.banner-section img{ height: 200px; }

.banner-section{ margin-top: 0px; }

.h-video{ margin-top: 0; height: 350px; }

.banner-inner h2{ font-size: 18px; line-height: 18px; }

.banner-inner h1{ font-size: 25px; line-height: 25px; margin: 0 0 15px; }

.banner-inner .btn-primary {
    padding: 10px 0 !important;
    width: 200px !important;
    font-size: 18px !important;
    line-height: 18px !important;
}


.choose-section{ padding: 20px 0; }

.choose-title{ padding: 0 0 15px; }

.choose-title h2{ margin: 15px 0 0; font-size: 26px; line-height: 26px; }

.choose-desc p{ margin: 0 0 20px; font-size: 18px; line-height: 24px; }

.choose-desc a{ font-size: 20px; line-height: 20px; }



.service-section{ padding: 0 0 30px; }

.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.block-desc{ padding: 20px 0 0; }

.block-desc p{ font-size: 16px; line-height: 25px; }

.block-desc .block-title{ font-size: 18px; line-height: 18px; }



/* .why-section{ padding: 60px 0; } */

.why-inner h4 {
    font-size: 14px;
    line-height: 14px;
    padding: 0 0 10px;
    margin: 0 0 5px;
}

.why-inner p {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 8px;
}





.newsletter-section{ padding: 25px 0; }

.news-inner p{ font-size: 20px; line-height: 20px; padding-right: 0; display: block; padding-bottom: 10px; }

.news-inner .btn-primary{ width: 130px;}





.footer-logo{ padding: 0 0 35px; }

.logo-block{ width: 230px; padding: 15px 0 12px; }

.logo-block:after{ bottom: -18px; height: 19px; }

.f-menu{ padding: 0 0 10px; }

.f-menu ul li a{ font-size: 18px; line-height: 18px; }

.f-menu ul li{ display: block; padding: 5px 0; }



.social-menu{ padding: 0 0 20px; }

.copyright p{ line-height: 20px; }



#video{ height: 385px; }





/************ Inner Page Start **********/

.inner-banner{ margin-top: 0px; }



.typography-pg h1,

.typography-pg h2{ font-size: 28px; line-height: 28px; margin: 0 0 15px; display: block; }

.typography-pg p{ font-size: 18px; line-height: 25px; margin: 0 0 20px; }

.typography-pg h3,

.typography-pg h4{ font-size: 22px; line-height: 22px; }

.typography-pg ul li,

.typography-pg ol li{ font-size: 20px; line-height: 30px; }



.alignright{ float: none; margin: 15px 0; }

.alignleft{ float: none; margin: 15px 0; }



.typography-pg ul{ float: none; padding: 0 0 0 20px; }

.typography-pg ol{ float: none; padding: 0 0 0 20px; }





/************ Inner Page End **********/


.why-images-section img{ height:300px; }



.playpause{ width: 30px; height: 30px; }




    

}



@media (min-width: 768px) {

/**/

.navbar-brand {

    display: none;

}



/**/



}

@media (min-width: 768px) and (max-width: 991px){

.h-logo:after{ bottom: -12px; height: 13px; }



.content{ padding: 40px 0 0; }

.btn-primary{ padding: 10px 0 !important; width: 200px !important; }



.h-menu .nav-item{ padding: 0 10px; }

.h-social ul li{ padding: 0 10px; }

.h-social ul li:first-child{ padding-left: 0; }

.h-social ul li:last-child{ padding-right: 0; }

.h-menu .navbar-nav .nav-link{ font-size: 18px; line-height: 18px; }



.h-logo img{ width: 70px; }

.h-logo{ padding: 15px 0; }

.h-right{ padding-left: 0px; }



.banner-section img{ height: 550px; }

.banner-section{ margin-top: -90px; }

.h-video{ margin-top: -86px; }

.banner-inner h2{ font-size: 20px; line-height: 20px; }

.banner-inner h1{ font-size: 30px; line-height: 30px; margin: 0 0 20px; }



.choose-section{ padding: 40px 0 60px; }

.choose-title{ padding: 0 0 30px; }

.choose-title h2{ margin: 15px 0 0; font-size: 30px; line-height: 30px; }

.choose-desc p{ margin: 0 0 25px; font-size: 20px; line-height: 26px; }



.service-section{ padding: 0 0 30px; }

.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.block-desc{ padding: 20px 0 0; }

.block-desc p{ font-size: 16px; line-height: 25px; }

.block-desc .block-title{ font-size: 18px; line-height: 18px; }



/* .why-section{ padding: 100px 0; } */

.why-inner h4{ font-size: 25px; line-height: 25px; }

.why-inner p{ font-size: 20px; line-height: 25px; margin: 0 0 30px; }

.play-icon img{ width: 70px; height: 70px; }



.newsletter-section{ padding: 25px 0; }

.news-inner p{ font-size: 20px; line-height: 20px; padding-right: 15px; }

.news-inner .btn-primary{ width: 130px; }





.logo-block{ width: 230px; padding: 15px 0 12px; }

.logo-block:after{ bottom: -18px; height: 19px; }



#video{ height: 385px; }





/************ Inner Page Start **********/

.inner-banner{ margin-top: -90px; }



.typography-pg h1,

.typography-pg h2{ font-size: 30px; line-height: 30px; margin: 0 0 25px; }

.typography-pg p{ font-size: 20px; line-height: 30px; margin: 0 0 30px; }

.typography-pg h3,

.typography-pg h4{ font-size: 24px; line-height: 24px; }

.typography-pg ul li,

.typography-pg ol li{ font-size: 20px; line-height: 30px; }

/************ Inner Page End **********/







}



@media (min-width: 992px) and (max-width: 1199px){

.h-logo:after{ bottom: -17px; height: 18px; }



.content{ padding: 40px 0 0; }

.btn-primary{ padding: 15px 0; width: 230px; }



.h-menu .nav-item{ padding: 0 19px; }

.h-right{ padding-left: 0px; }



.banner-inner h2{ font-size: 30px; line-height: 30px; }

.banner-inner h1{ font-size: 50px; line-height: 50px; margin: 0 0 40px; }



.choose-section{ padding: 40px 0 60px; }

.choose-title{ padding: 0 0 30px; }

.choose-title h2{ margin: 15px 0 0; font-size: 30px; line-height: 30px; }

.choose-desc p{ margin: 0 0 35px; font-size: 22px; line-height: 30px; }



.service-section{ padding: 0 0 50px; }

.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.block-desc p{ font-size: 19px; }



/* .why-section{ padding: 100px 0; } */

.why-inner h4{ font-size: 25px; line-height: 25px; }

.why-inner p{ font-size: 20px; line-height: 25px; margin: 0 0 30px; }

.play-icon img{ width: 70px; height: 70px; }



.newsletter-section{ padding: 35px 0; }

.news-inner p{ font-size: 25px; line-height: 25px; }



.logo-block:after{ bottom: -22px; }



#video{ height: 385px; }



/************ Inner Page Start **********/

.typography-pg h1,

.typography-pg h2{ font-size: 35px; line-height: 35px; margin: 0 0 25px; }

.typography-pg p{ font-size: 22px; line-height: 35px; margin: 0 0 30px; }

.typography-pg h3,

.typography-pg h4{ font-size: 26px; line-height: 26px; }

.typography-pg ul li,

.typography-pg ol li{ font-size: 20px; line-height: 30px; }

/************ Inner Page End **********/





}





@media (min-width: 1200px) and (max-width: 1299px) {

.container { max-width: 1170px; }



.h-logo:after{ bottom: -22px; height: 23px; }



.content{ padding: 40px 0 0; }

.btn-primary{ padding: 15px 0; }



.h-right{ padding-left: 60px; }



.banner-inner h2{ font-size: 30px; line-height: 30px; }

.banner-inner h1{ font-size: 50px; line-height: 50px; margin: 0 0 40px; }



.choose-section{ padding: 40px 0 60px; }

.choose-title{ padding: 0 0 30px; }

.choose-title h2{ margin: 15px 0 0; font-size: 30px; line-height: 30px; }

.choose-desc p{ margin: 0 0 35px; font-size: 22px; line-height: 30px; }



.service-section{ padding: 0 0 50px; }

.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.block-desc p{ font-size: 19px; }



/* .why-section{ padding: 100px 0; } */

.why-inner h4{ font-size: 25px; line-height: 25px; }

.why-inner p{ font-size: 20px; line-height: 25px; margin: 0 0 30px; }

.play-icon img{ width: 70px; height: 70px; }



.newsletter-section{ padding: 35px 0; }

.news-inner p{ font-size: 28px; line-height: 28px; }



.logo-block:after{ bottom: -22px; }



#video{ height: 465px; }





}



@media (min-width: 1300px) and (max-width: 1399px) {

.container { max-width: 1270px; }



.h-logo:after{ bottom: -24px; height: 25px; }



.banner-inner h2{ font-size: 30px; line-height: 30px; }

.banner-inner h1{ font-size: 50px; line-height: 50px; margin: 0 0 40px; }



.choose-section{ padding: 40px 0 60px; }

.choose-title{ padding: 0 0 40px; }

.choose-title h2{ margin: 20px 0 0; font-size: 35px; line-height: 35px; }

.choose-desc p{ margin: 0 0 35px; font-size: 25px; line-height: 35px; }



.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.block-desc p{ font-size: 19px; }



/* .why-section{ padding: 100px 0; } */

.why-inner h4{ font-size: 28px; line-height: 28px; }

.why-inner p{ font-size: 25px; line-height: 30px; }

.play-icon img{ width: 80px; height: 80px; }



.newsletter-section{ padding: 35px 0; }



.logo-block:after{ bottom: -22px; }





#video{ height: 505px; }



}



@media (min-width: 1400px) and (max-width: 1499px){

.container { max-width: 1370px; }



.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.logo:after{ bottom: -26px; height: 27px; }



.logo-block:after{ bottom: -22px; }



#video{ height: 545px; }



}







@media (min-width: 1500px) and (max-width: 1599px){

.container { max-width: 1470px; }



.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.h-logo:after{ bottom: -29px; height: 30px; }



.logo-block:after{ bottom: -22px; }



#video{ height: 585px; }







}



@media (min-width: 1600px) and (max-width: 1699px) {

.container { max-width: 1570px; }



.service-section .row{ margin: 0 -15px; }

.service-section [class*=col-]{ padding: 0 15px; }

.h-logo:after{ bottom: -30px; height: 31px; }



.logo-block:after{ bottom: -22px; }



#video{ height: 625px; }



}



@media (min-width: 1700px) and (max-width: 1799px) {

#video{ height: 665px; }

}



@media (min-width: 1700px){

.container { max-width: 1650px; }

}





@media (min-width: 1800px) and (max-width: 1899px) {

#video{ height: 705px; }



}



@media (min-width: 1200px) and (max-width: 1920px){

}







/*---------- Large Desktop , Large Screen End ----------*/