@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1700px) {
    
    
    
}

@media screen and (max-width:1600px) {
    
    
.featurebox_section .featurebox_container {width: calc(100% + 40px); margin: -82px 0 44px -20px;}
.featurebox_section .featurebox_container .featurebox {width: calc(20% - 40px); margin: 0 20px;}
    
.home_content .customscroll {width: 90%;}
    
    
}

@media screen and (max-width:1500px) {
}

@media screen and (max-width:1440px) {

   
    
}


@media screen and (max-width:1366px) {
    
.featurename_box .featurename {font-size: 16px;}
.video_left_section {width: 450px; margin: 80px 0 0 0} 
.video_right_section {width: calc(100% - 500px);}
    
.featurebox_section .featurebox_container .featurebox {width: calc(20% - 20px); margin: 0 10px;}
.featurebox_section .featurebox_container {width: calc(100% + 20px); margin: -82px 0 44px -10px;}
.videocontenttext p {padding: 0 7px 0 38px;}    
    
}


@media screen and (max-width:1280px) {

    
.video_left_section {width: 350px; margin: 120px 0 0 0;}
.video_right_section {width: calc(100% - 400px);}

}


@media screen and (max-width:1200px) {
    
.featurebox_section .featurebox_container {width: 100%;margin: -82px 0 44px 0;text-align: center;float: left;} 
.featurebox_section .featurebox_container .featurebox {width: 220px;margin: 0 10px;display: inline-block;float: none;}
  .videocontenttext p { margin: 0 0 20px 0; padding: 0 0px 0 46px;width: 100%;    background-size: 30px;}
  .videocontenttext .new_why_btn {width: 100%; float: none;text-align: left;margin-left: 0px;}
    
}

@media screen and (max-width:1100px) {
    
.video_left_section {width: 100%;margin: 0;text-align: center;}
.video_left_section a{width: 300px;float: none;display: inline-block;}
.video_right_section {width: 100%; margin: 20px 0 0;}
    
.home_content .customscroll {width: 100%;}
    
   
    
}

@media screen and (max-width:1024px) {
 
   
 
    
}

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



    
}


@media screen and (max-width:860px) {
    
   
    
}



@media screen and (max-width:768px) {
  .featurebox_section .featurebox_container{margin: 44px 0 34px 0;display: flex;flex-wrap: wrap;justify-content: center;}
  .featurebox_section .featurebox_container .featurebox{width: 26.33%;margin: 0 10px 15px;}
  .featurename_box .featurename {font-size: 16px;line-height: 20px;padding: 0 15px;}
  .featurebox .featurename_box{top: 0px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
  .featurename_box .featureicon{display: none;}
}

@media screen and (max-width:767px) {
    .n2-ss-slider .n2-ss-layer-content[data-verticalalign=center]{padding: 0 !important}
    .n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal] {
        max-width: 100%;
        height: 100%;
    }
    .n2-ss-slider .n2-ss-layer-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        position: relative;
        height: 100%;
       /* background: #000;*/
    }
    .n2-ss-slider .n2-ss-layer[data-sstype=content] {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .n2-ss-slider .n2-ss-layers-container {
        visibility: hidden;
        position: relative;
        width: 100%;
        height: 100% !important;
        display: flex;
        flex-direction: column;
        z-index: 20;
        margin: 0 !important;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .banner_wrap {
        width: 100%;
        position: relative;
        background: rgba(255, 255, 255, 0.57);
        height:auto;
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
        padding: 0 !important;position: absolute;
        top: inherit;
        bottom: 0;
    }
}



@media screen and (max-width:700px) {
   
.videocontenttext {width: 100%;-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;}    

  
}

@media screen and (max-width:640px) {
   .featurebox_section .featurebox_container .featurebox {
    width: 29.33%;
    margin: 0 3px 12px;
}
  
}


@media screen and (max-width:600px) {

   
    
}




@media screen and (max-width:480px) {
    
  .featurebox_section .featurebox_container .featurebox {
     width: 45%;}
  .featurename_box .featurename{padding: 0 9px;} 
}



@media screen and (max-width:400px) {
    
    
.video_left_section a {width: 250px;}
    
}