@media only screen and (min-width: 1600px) {

	.container{
        max-width: 1550px;
    }
    

    .logo-area img{ max-width: 170px; }
    .video-sec-h-1 .video-sec-img {
        position: relative;
        left: 50px;
        top: 0;
    }
    .video-sec-h-4 .video-text-4{ right: -135px; }
    .video-sec-h-5 .video-text-5 {
        position: absolute;
        left: -80px;
        top: 0;
        transform: rotate(-5deg);
    }
	.video-sec-h-2 .video-text-2{ top: 0; }
	.video-sec-h-2 .video-sec-img{ right: 0; position: relative; }
	.home-video-section{ margin: 15px 0; padding: 0; height: 97%; overflow: hidden; }

	.video-sec-h-3 .video-sec-3 video{ height: 100%; }
	.video-sec-h-1 .video-sec-img , .video-sec-h-2 .video-sec-img {
	    max-width: 100%;
	    height: 100%;
	}
	.video-sec-h-4 .video-sec-img, .video-sec-h-5 .video-sec-img {
	    max-width: 100%;
	    height: 100%;
	}

	.home-one-page header { height: 10%; } 
	.home-one-page main{ height: 80%; overflow: hidden; }
	.home-one-page footer{ height: 10%; }
	.video-sec-h-3 .video-sec-3{ height: 100%; }
	.video-sec a{ height: 100%; }
	.home-video-panel{ height: 33.33%; }
	.home-one-page .video-sec{ height: 100%; }
	.logo-text-area{ font-size: 30px; position: relative; z-index: 99; }
    .video-sec-1, .video-sec-4 , .video-sec-2 , .video-sec-5{ height: 100%; }

    .home-one-page .video-sec-1 { margin-left: 120px; }
    .home-one-page .video-sec-4 { margin-left: 150px; }
    .home-one-page .video-sec-2 { margin-right: 140px; }
    .home-one-page .video-sec-5 { margin-right: 150px; }

   
	
	
	
}

@media only screen and (min-width: 1200px) and (max-width : 1599px) {
    
    .container{
    	max-width: 1272px;
    }

    .logo-area img{ max-width: 200px; }
    .video-sec-h-1 .video-sec-img {
        position: relative;
        left: 90px;
        top: 0;
    }
    .video-sec-h-4 .video-text-4{ right: -170px; }
    .video-sec-h-5 .video-text-5 {
        position: absolute;
        left: -140px;
        top: 0;
        transform: rotate(-5deg);
    }
	.video-sec-h-2 .video-text-2{ top: 0; }
	.video-sec-h-2 .video-sec-img{ right: 70px; position: relative; }
	.home-video-section{ margin: 15px 0; padding: 0; height: 97%; overflow: hidden; }

	.video-sec-h-3 .video-sec-3 video{ height: 100%; }
	.video-sec-h-1 .video-sec-img, .video-sec-h-2 .video-sec-img {
	    max-width: 100%;
	    height: 100%;
	}
	.video-sec-h-4 .video-sec-img , .video-sec-h-5 .video-sec-img {
	    max-width: 100%;
	    height: 100%;
	}

	.home-one-page header { height: 10%; } 
	.home-one-page main{ height: 80%; overflow: hidden; }
	.home-one-page footer{ height: 10%; }
	.video-sec-h-3 .video-sec-3{ height: 100%; }
	.video-sec a{ height: 100%; }
	.home-video-panel{ height: 33.33%; }
	.home-one-page .video-sec{ height: 100%; }
	.logo-text-area{ font-size: 20px; position: relative; z-index: 99; }

    .home-one-page .video-sec-1 , .home-one-page .video-sec-4{ margin-left: 100px; }
    .home-one-page .video-sec-2 , .home-one-page .video-sec-5{ margin-right: 100px; }

	.home-one-page .video-sec-1 , .home-one-page .video-sec-4 , .home-one-page .video-sec-3 , .home-one-page .video-sec-2 , .home-one-page .video-sec-5{ height: 100%; }



	
	

		
}

@media only screen and (min-width: 1200px) {


.home-one-page{ height: 100vh; overflow: hidden; }



	
}

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

    .desktop-show{
      display: none!important;
    }
    .mobile-show{
      display: block!important;
    }


    .logo-area img {
        max-width: 250px;
    }
    .video-sec-1 , .video-sec-4 , .video-sec-3 , .video-sec-5 , .video-sec-2{
        max-width: 100%;
    }
    .video-text-1 , .video-text-2 , .video-text-4 , .video-text-5 {
        position: relative;
        right: 0;
        top: 0;
        left: 0;
        transform: rotate(0);
    }
    .video-text-1 h3 , .video-text-1 p , .video-text-2 h3 , .video-text-2 p , .video-text-5 h3 , .video-text-5 p , .video-text-4 h3 , .video-text-4 li {
        max-width: 100%;
        text-align: center;
    }
    .video-text-4 li{
        display: block;
    }
    .video-sec-5 , .video-sec-1{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
    }
    .video-text ol{
        padding: 0;
    }
    .video-text h3{
        margin-top: 10px;
    }
    .video-sec-1 , .video-sec-2 , .video-sec-3 , .video-sec-4 , .video-sec-5{
        margin-top: 10px;
    }
    .bottom-menu-1 video , .bottom-menu-2 video , .bottom-menu-3 video , .bottom-menu-4 video{ position: relative; left: 0; right: 0; height: 170px; }
    .bottom-menu-1 a , .bottom-menu-4 a { display: flex; }
    .bottom-menu-3 a , .bottom-menu-2 a { display: flex; }
    .bottom-menu-2 .video-text-2{ top: 0; right: 0; }
    .video-sec a{ font-size: 12px; }

    .home-one-page .video-sec-1 a { flex-direction: column-reverse; }
    .home-one-page .video-sec-2 a { flex-direction: column; }
    .home-one-page .video-sec-4 a { flex-direction: column; }
    .home-one-page .video-sec-5 a { flex-direction: column-reverse; }
    .home-one-page .video-sec img{ max-width: 100%; }
    .footer-menu li a{ font-size: 12px; }









}

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

    .desktop-show{
      display: none!important;
    }
    .mobile-show{
      display: block!important;
    }


    .logo-area img {
        max-width: 250px;
    }
    .video-sec-1 , .video-sec-4 , .video-sec-3 , .video-sec-5 , .video-sec-2{
        max-width: 100%;
    }
    .video-text-1 , .video-text-2 , .video-text-4 , .video-text-5 {
        position: relative;
        right: 0;
        top: 0px;
        left: 0;
        transform: rotate(0);
    }
    .video-text-1 h3 , .video-text-1 p , .video-text-2 h3 , .video-text-2 p , .video-text-5 h3 , .video-text-5 p , .video-text-4 h3 , .video-text-4 li {
        max-width: 100%;
        text-align: center;
    }
    .video-text-4 li{
        display: block;
    }
    .video-sec-5 , .video-sec-1{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
    }
    .video-text ol{
        padding: 0;
    }
    .video-text h3{
        margin-top: 10px;
    }
    .video-sec-1 , .video-sec-2 , .video-sec-3 , .video-sec-4 , .video-sec-5{
        margin-top: 10px;
    }
    .inner-section{
      padding: 50px 0;   
    }
    .academy-text h2{
      margin-bottom: 30px;
    }

    .bottom-menu-1 video , .bottom-menu-2 video , .bottom-menu-3 video , .bottom-menu-4 video{ position: relative; left: 0; right: 0; height: 170px; }
    .bottom-menu-1 a , .bottom-menu-4 a{ display: flex; }
    .bottom-menu-2 .video-text-2{ top: 0; right: 0; }
    .video-sec-2, .video-sec-5 , .video-sec-1, .video-sec-4{ float: none; }
    .inner-section-right h2{ font-size: 34px; }
    footer .container{ justify-content: center; flex-direction: column; }
    .video-sec a { flex-direction: column; }
    .home-one-page .video-sec-1 a { flex-direction: column-reverse; }
    .home-one-page .video-sec-2 a { flex-direction: column; }
    .home-one-page .video-sec-4 a { flex-direction: column; }
    .home-one-page .video-sec-5 a  { flex-direction: column-reverse; }
    .home-one-page .video-sec img{ max-width: 300px; margin: 0 auto; }

    .footer-menu ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
    .footer-menu li a{ padding: 5px 7px; }
    .solutions-area{ margin-top: 10px; }
    .bottom-menu-1, .bottom-menu-2, .bottom-menu-3, .bottom-menu-4{ width: 25%; }
    .bottom-menu-5{ width: 100%; }
    .bottom-menu-5 img{ width: 100%; }
    .bottom-menu{ margin-top: 0; }
    .bostik-section h2{ font-size: 30px; }
    .bostik-icon-3{ margin-top: 20px; }
    .small-sec{ font-size: 18px; line-height: 24px; }
    .logo-area{ padding-bottom: 40px; }
    .video-sec a { font-size: 12px; }
    .inner-section-right .row{ flex-direction: column-reverse; }
    .inner-section-right h2{ max-width: 100%; float: left; margin-bottom: 10px; }

    .home-video-section .container{
        display: flex;
        flex-direction: column;
    }
    .home-video-section .home-video-panel:nth-child(1){
        order: 2;
    }
    .home-video-section .home-video-panel:nth-child(2){
        order: 1;
    }
    .home-video-section .home-video-panel:nth-child(3){
        order: 3;
    }

    






}

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

    .desktop-show{
      display: none!important;
    }
    .mobile-show{
      display: block!important;
    }

    .logo-area img {
        max-width: 250px;
    }
    .video-sec-1 , .video-sec-4 , .video-sec-3 , .video-sec-5 , .video-sec-2{
        max-width: 100%;
    }
    .video-text-1 , .video-text-2 , .video-text-4 , .video-text-5 {
        position: relative;
        right: 0;
        top: 0px;
        left: 0;
        transform: rotate(0);
    }
    .video-text-1 h3 , .video-text-1 p , .video-text-2 h3 , .video-text-2 p , .video-text-5 h3 , .video-text-5 p , .video-text-4 h3 , .video-text-4 li {
        max-width: 100%;
        text-align: center;
    }
    .video-text-4 li{
        display: block;
    }
    .video-sec-5 , .video-sec-1{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
    }
    .video-text ol{
        padding: 0;
    }
    .video-text h3{
        margin-top: 10px;
    }
    .video-sec-1 , .video-sec-2 , .video-sec-3 , .video-sec-4 , .video-sec-5{
        margin-top: 30px;
    }
    .inner-section{
      padding: 0 0 50px 0;   
    }
    .inner-section-left h2{
        font-size: 36px;
    }
    .academy-text h2{
      margin-bottom: 30px;
    }

    .bottom-menu-1 img , .bottom-menu-2 img , .bottom-menu-3 img , .bottom-menu-4 img{ position: relative; left: 0; right: 0; height: auto; }
    .bottom-menu-1 a , .bottom-menu-4 a{ display: flex; flex-direction: column-reverse; }
    .bottom-menu-2 .video-text-2{ top: 0; right: 0; }
    .video-sec-2, .video-sec-5 , .video-sec-1, .video-sec-4{ float: none; }
    .inner-section-right h2{ font-size: 34px; }
    footer .container{ justify-content: center; flex-direction: column; }
    .video-sec a { flex-direction: column; }
    .home-one-page .video-sec-1 a { flex-direction: column-reverse; }
    .home-one-page .video-sec-2 a { flex-direction: column; }
    .home-one-page .video-sec-4 a { flex-direction: column; }
    .home-one-page .video-sec-5 a { flex-direction: column-reverse; }
    .home-one-page .video-sec img{ max-width: 300px; margin: 0 auto; }
    .footer-menu ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
    .footer-menu li a{ padding: 5px; }
    .solutions-area{ margin-top: 10px; }
    .bottom-menu-1, .bottom-menu-2, .bottom-menu-3, .bottom-menu-4{ width: 50%; }
    .bottom-menu-5{ width: 100%; }
    .bottom-menu-5 img{ width: 100%; }
    .bottom-menu{ margin-top: 0; }
    .bostik-section h2{ font-size: 30px; }
    .bostik-icon-3{ margin-top: 20px; }
    .small-sec{ font-size: 16px; line-height: 24px; width: 100%; text-align: center; }
    .small-sec-text{ justify-content: center; margin-bottom: 20px; }
    .bostik-section h2{ font-size: 24px; }
    .bostik-section p{ font-size: 16px; }
    .bostik-section-2{ margin-top: 30px; }
    .bostik-icon{ width: 50%; }
    .bostik-icon-1{ width: 100%; }
    .logo-area{ padding-bottom: 40px; }
    .video-sec a { font-size: 13px; gap:10px; }
    .inner-section-right .row{ flex-direction: column-reverse; }
    .inner-section-right h2{ max-width: 100%; float: left; margin-bottom: 10px; }


    .home-video-section .container{
        display: flex;
        flex-direction: column;
    }
    .home-video-section .home-video-panel:nth-child(1){
        order: 2;
    }
    .home-video-section .home-video-panel:nth-child(2){
        order: 1;
    }
    .home-video-section .home-video-panel:nth-child(3){
        order: 3;
    }






}

@media only screen and (min-width: 640px) and (max-width: 767px) {





}


@media only screen and (min-width: 576px) and (max-width: 639px) {




    
}

@media only screen and (min-width: 480px) and (max-width: 575px) {






}

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






}