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

:root {
	   --fullwidth: 100vw;
    }
        #menu-wrapper {
          width: calc((var(--fullwidth)*89)/100);
          margin-left: calc((var(--fullwidth)*1)/100);
        }
  
		.navbar .navbar-header {
			width: 100%;
			max-width: 100%;
			height: 57px;
}
        #logo{
            padding: 0;margin-top: 0px; max-height: 57px;
          }

          .navbar-inverse .navbar-toggle {
            border-color: white;
            background-color: white;
            right: 10px;
            height: 32px;
           width: 42px;
          }
         #nav-toggle{
          display: block;
           padding: 0;
            font-size: 22px;
            color: #ec4c1c;
            margin-right: 0px;
            margin-top: 15px;
            
            
          }
         
          .navbar-inverse .navbar-toggle span{
                margin-top:0px;
            width: 20x;
            height: 2px;
          }
	 .navbar-brand {
		float: none;
	  }
	  


	  .menu-first {
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
		float: none;
	  }

	  .menu-first li:first-child {
		border-top: 1px solid #eee;
		margin-top: 0px;
	  }

	  .menu-first li {
		border-bottom: 1px solid #eee;

	  }

	  .menu-first li:last-child {
		border-bottom: none;
	  }

	  .menu-first li a {
		width: 100%;
		line-height: 40px;
		padding: 0px 10px;
	  }

	  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: transparent;
		background-color: white;
	  }

	  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #faf8f8;
	  } 


        .banner {
    
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          height: 370px;
          width: var(--fullwidth);
        }
        .banner-content {
          text-align: center;
          padding: 50px 0px 17px 0px;
        }
        
        .banner .home-text{
          text-align: center;
          position: relative;
          z-index: 2;
          height: 60px;
          width: calc((var(--fullwidth)*88)/100);
          margin-left: calc((var(--fullwidth)*2)/100);
          margin-top: 140px;
        }
        .banner .home-text p{
          height: 100px;
      }
        
        .banner .home-text p span{
          font-size: 14px;
          line-height: 30px;
          display: none;
          font-family: "Source Sans Pro", sans-serif;
         font-weight: 700;
       
       
       
          text-transform: uppercase;
          color: #fff;
          letter-spacing: 2px;
       }
       #cont1{
           margin-top: 30px;
           
       }
       #col1{
         width: calc((var(--fullwidth)*27)/100);
         margin-right: calc((var(--fullwidth)*1)/100);
       }
       #bg1{
        height: 50px;
        width: calc((var(--fullwidth)*27.5)/100);
         padding: 0.75rem !important;
       }
      #bg2{
        width: 15px; height: 15px;
        
      }
      #icon1{
        font-size: 7px;
      }
      

      #ps1 h5{
        font-size:6.5px;
        color: #fff !important;
        margin-top: 0 !important;
        font-weight: 600 !important;
        box-sizing: border-box;
      }
      
      #ps1 h1{
        color: #fff !important;
        margin-bottom: 0 !important;
        font-weight: 800 !important;
        margin-top: 1px;
        margin-bottom: 0px;
        font-family: "Nunito",sans-serif;
        font-weight: 500;
        line-height: 0.7;
        color: #091E3E;
        box-sizing: border-box;
        font-size: 11px;
      }
      #span1{
        color: #fff !important;
        margin-bottom: 0 !important;
        font-weight: 800 !important;
        margin-top: 0;
      
        font-family: "Nunito",sans-serif;
        font-weight: 500;
        color: #091E3E;
        box-sizing: border-box;
        font-size: 9px;
      }
      
      #span2 {
        color: #fff !important;
        margin-bottom: 0 !important;
        font-weight: 600 !important;
        font-size:6px;
        box-sizing: border-box;
      }
       
      
      
      .section-heading {
    
        margin-top: 0px;
        margin-bottom: 40px;
      
      }
      .section-heading h4 {
        margin-top: 0px;
        margin-bottom: 0px;
        
        text-transform: uppercase;
        
        font-size: 22px;
        font-weight: 300;
        color:#ec4c1c;
      }
      .t1::before {
        position: absolute;
        content: "";
        width: calc((var(--fullwidth)*20.5)/100);
        height: 3px;
        left:calc((var(--fullwidth)*35)/100);
        top: 30px;
        
        background: #2c2c84;; 
        border-radius: 2px;
      }
      
      .t1.text-center::before {
        left: 50%;
        margin-left: -75px;
      }
      
      .t1.section-title-sm::before {
        width: calc((var(--fullwidth)*27.5)/100);
        height: 3px;
      }
      
      .t1::after {
        position: absolute;
        content: "";
        width: calc((var(--fullwidth)*2.5)/100);
        height: 4px;
        left:calc((var(--fullwidth)*35)/100);
        top: 30px;
        background: white;
        -webkit-animation: section-title-run 5s infinite linear;
        animation: section-title-run 5s infinite linear;
      }
      
      .t1.section-title-sm::after {
        width: 4px;
        height: 3px;
      }
      
      .t1.text-center::after {
        -webkit-animation: section-title-run-center 5s infinite linear;
        animation: section-title-run-center 5s infinite linear;
      }
      
      .t1.section-title-sm::after {
        -webkit-animation: section-title-run-sm 5s infinite linear;
        animation: section-title-run-sm 5s infinite linear;
      }
      
      @-webkit-keyframes section-title-run {
        0% {left: 130; } 50% { left : 200px; } 100% { left: 130; }
      }
      
      @-webkit-keyframes section-title-run-center {
        0% { left: 50%; margin-left: -130px; } 50% { left : 50%; margin-left: 130px; } 100% { left: 50%; margin-left: -130px; }
      }
      
      @-webkit-keyframes section-title-run-sm {
        0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
      }
    
      

      #SERVICES{
        margin-left: calc((var(--fullwidth)*5)/100);
		width: calc((var(--fullwidth)*90)/100);
      }
      #portfolio {
        margin-left: calc((var(--fullwidth)*5)/100);
     
        width: calc((var(--fullwidth)*95)/100);
      }
    
 
      #portfolio h4 {
        margin-right:10px;
      
      } 
    
    
    
     
     #About{
      margin-left: calc((var(--fullwidth)*1)/100);
      width: calc((var(--fullwidth)*97)/100);
   
      margin-top: 30px;
        
      }
      #About p{
        font-size:12px ;
      }
     #ro{
      margin-left: 0px;
      display:inline-flex;
    
    }
    
    #ro1{
      margin-left: 0px;
    }
    
     #colone1{
       width: calc((var(--fullwidth)*38)/100);
       margin-left: 0px;
       height: 100%;
     }
     #colone11{
      width: calc((var(--fullwidth)*37)/100);
      margin-left: 0px;
      height: 100%;
    }
     #icone1{
      margin-left: calc((var(--fullwidth)*22)/100);
      width: 40px;
          height: 40px;
    }
    
    #icone1 i{
    font-size: 20px;
      }
    
    #icone2{
        width: 40px;
          height: 40px;
    }
    #icone2 i{
        font-size: 20px;
    }
      
    
    #co1{
		height: auto;
    }
    .a-propos .t2{
        font-size: 18px;
      }

	  
	  #espace {
			width: 100%;
			height: 30px;
		}
      
    

	#owl-portfolio1 .owl-pagination{
	 margin-top: 5px;
	}
	.portfolio-area  .carousel-inner ul{
	 animation: slide 32s ease-in-out infinite;
	 width:(var(--fullwidth)*3);
	}

	.owl-carousel .item1 .list-item {
		padding: 40px 10px;
		height: 180px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
	}

	.owl-carousel .item1 .list-item h4 {
		overflow-wrap: break-word;
	}

	  .owl-carousel .item1 .active .list-item {
		background-color: #ec4c1c!important;
		color: #fff!important;
		
	}
	.owl-carousel .item1 .active .list-item h4{
		color: #fff;
		
	}

	.owl-carousel .item1 :hover {
	transform: scale(1.1);
	font-size: 20px;
	}
	.owl-carousel .item1 .list-item .icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 70px;
	background-color: transparent;
	}

	.owl-carousel .item1 .list-item h4 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #2c2c84;
	}
	.portfolio-area  .list-item .icon img{
	  width: 70px;
	  height: 70px;
	  
	}

.portfolio-area .tab-content-services{
  margin-top: 20px;
}
    #Concept #AnimationPDV #Conceptiongraphique #Interim #Roadshow #ProductionposePLV #Affichagedynamique #Affichagemobile{
      margin-bottom: 0px;
      margin-right: 20px;
     
    }
    
    
      #SERVICES .portfolio-item img{
        height: 250px;
        width: calc((var(--fullwidth)*64)/100);
      }
    
    
      
      #owl-portfolio2 #owl-portfolio3 #owl-portfolio4 #owl-portfolio5 #owl-portfolio6 #owl-portfolio7 #owl-portfolio8 #owl-portfolio9{
        height: 250px;
        width: calc((var(--fullwidth)*64)/100);
       
      }

		#div1 {
			width: 32%;
			flex-shrink: 0;
			min-width: 0;
		}

      #div1 h4{
        font-size: 14px;
      }
      #div1 ul {
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0.25px;
        font-weight: 300;margin-left: 20px;
      }
      #div1 p{
        font-size: 10px;
        line-height: 16px;
      }

	#div2 {
		width: 68%;
		min-width: 0;
	}
	#div2 img {
		max-width: 100%;
		height: auto;
	}
	 .tab-content-services {
		display: flex;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.tab-content-services > * {
		min-width: 0;
	}
      
    
    
    
    
    .portfolio-section {
      padding-bottom: 10px;
    }
    .carousel__slider {
      width: 2100px;
    }
    .carousel1 {
      width: calc((var(--fullwidth)*83)/100);
      margin-left: 0px; 
    }
    
    
    
    #contact-us  .t1::before {
      position: absolute;
      content: "";
      width: calc((var(--fullwidth)*18)/100);
      height: 3px;
      left:calc((var(--fullwidth)*41)/100);
      top: 30px;
      background: #2c2c84;; 
      border-radius: 2px;
    }
    #contact-us {
      margin-left: 0px;
      margin-right: 0px;
      
    }
  
    #icone_contact i{
      text-align: center;
      font-size: 22px;
    }
    #icone_contact1 i{
      text-align: center;
      margin-top: 20px;
      font-size: 22px;
    }
    #icone_contact2 i{
        text-align: center;
        font-size: 22px;
    } 


    #text_icone_contact1 {
      text-align: center; 
      width:calc((var(--fullwidth)*86)/100);
      margin-left:calc((var(--fullwidth)*7)/100);
      margin-top: 5px;
      font-size: 10px;
    }
    
    #text_icone_contact2 {
      text-align: center; 
      margin-top: 10px;
      font-size: 10px;
    }
    
    #text_icone_contact3 {
      text-align: center; 
      margin-top: 10px;
      font-size: 10px;
    }
    
footer{
  width:var(--fullwidth);
}

    .footer-icons{
      text-align: center;
      width: 90%;
    }

    .footer-icons ul li a {
     
        font-size: 22px;
        height: 40px;
        line-height: 38px;
        text-align: left;
        width: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
      }

      #contact input {
        
        padding-left: 10px;
        font-size: 13px;
        font-weight: 300;
        color: #7a7a7a;
        line-height: 30px;
        height: 30px;
        width: 100%;
        margin-bottom: 10px;
      }
      
      #contact textarea {
        border-radius: 0px;
        padding-left: 10px;
        padding-top: 10px;
        font-size: 13px;
        height: 135px;
        max-height: 220px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px;
      }

      .php-email-form button[type="submit"] {
       
        font-size: 13px;
        font-weight: 700;
        margin-top: 0px;
        padding: 6px 15px;
        
        border-radius: 30px;
      }

      #contact button {
        padding: 6px 10px;
      letter-spacing: 0.5px;
      font-size: 13px;
      
      border-radius: 5px;
    }
    
    
    

	#maps {
    margin-top: 10px;
    background: #f4f4f4 none repeat scroll 0 0;
    height: 90px;

    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

	#maps iframe {
    width: 100%;
    max-width: 100%;
    height: 80px;
}
    
    
    
    
    #footer_copyright{
        margin-top: 1px;
      margin-left: calc((var(--fullwidth)*1)/100);
      font-size: 8px;
    }
   
    
    
    #myBtn {
      width: 35px;
      display: none;
      position: fixed;
      left: calc((var(--fullwidth)*88)/100);
      bottom: 10px;
      z-index: 996;
      font-size: 12px;
      padding: 4px;
    }
      
      #myBtn:hover {
        opacity: 1;
      }
      #myBtn i {
        font-size: 28px;
        color: #FFF;
        line-height: 0;
      }
      


    .main-header > .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    #menu-wrapper {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    #menu-wrapper .navbar {
        width: 100%;
        margin: 0;
    }

    #menu-wrapper .navbar-header {
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

    #nav-toggle {
        position: absolute;
        right: 10px;
        top: 0;
        margin-right: 0;
    }



    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .site-main,
    .banner,
    #About,
    #SERVICES,
    #portfolio,
    #contact-us {
        max-width: 100%;
        box-sizing: border-box;
    }

    .carousel1 {
        max-width: 100%;
        overflow: hidden;
    }



    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .site-main {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #About,
    #SERVICES,
    #portfolio {
        margin-left: auto;
        margin-right: auto;
    }


    #SERVICES .tab-content-services #div2 {
        width: 68%;
        min-width: 0;
        overflow: hidden;
    }


    #SERVICES .tab-content-services #div2 .owl-carousel {
        width: 100%;
        overflow: hidden;
    }

    #SERVICES .tab-content-services #div2 .owl-wrapper-outer {
        width: 100%;
        overflow: hidden;
    }


    #SERVICES .tab-content-services #div2 img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }



    #SERVICES,
    .portfolio-area {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }


    .portfolio-section {
        margin-top: 40px !important;
        padding-top: 0 !important;
    }



    #ro,
    #ro1 {
        justify-content: center;
        column-gap: 8px;
    }

    #colone1,
    #colone11 {
        flex: 0 0 46%;
        width: 46%;
        max-width: 46%;
        padding: 0 2px;
        box-sizing: border-box;
    }
	
	    #icone1,
		#icone2 {
			display: block;
			margin-left: auto !important;
			margin-right: auto !important;
		}




    #co1 {
        height: auto !important;
        min-height: 0 !important;
    }


    #ro1 {
        display: flex;
        align-items: flex-start;
    }

    #ro1 #colone1,
    #ro1 #colone11 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }



  #About #ro {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 22px;
    width: 100%;
    margin: 0 !important;
    align-items: start;
    justify-content: stretch;
  }


  #About #ro > #colone1,
  #About #ro > #colone11,
  #About #ro > #colone1 > #ro1,
  #About #ro > #colone11 > .row {
    display: contents !important;
  }

  #About #ro > #espace { display: none !important; }

  #About #colone1 #co1:first-child { grid-column: 1; grid-row: 1; }
  #About #colone11 #co1:first-child { grid-column: 2; grid-row: 1; }
  #About #colone1 #co1:last-child { grid-column: 1; grid-row: 2; }
  #About #colone11 #co1:last-child { grid-column: 2; grid-row: 2; }

  #About #ro #co1 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box;
  }

  #About #ro #icone1,
  #About #ro #icone2 {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 auto 8px !important;
    float: none !important;
  }

  #About #ro #co1 .t2,
  #About #ro #co1 .p2 {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-wrap: break-word;
  }

  #About #ro #co1 .t2 {
    font-size: 14px !important;
    line-height: 1.3;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
  }

  #About #ro #co1 .p2 {
    font-size: 11px !important;
    line-height: 1.55;
  }


    #About #ro #colone1 #co1 .t2,
    #About #ro #colone1 #co1 .p2 {
        text-align: right !important;
    }

    #About #ro #colone1 #co1 #icone1 {
        margin-left: auto !important;
        margin-right: 0 !important;
    }


    #About #ro #colone11 #co1 .t2,
    #About #ro #colone11 #co1 .p2 {
        text-align: left !important;
    }

    #About #ro #colone11 #co1 #icone2 {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
	



    #second-tab-group .imageGallery1 .item,
    #second-tab-group .imageGallery1 .portfolio-item,
    #second-tab-group .imageGallery1 .portfolio-item a {
        height: 180px !important;
    }


    #second-tab-group .imageGallery1 .portfolio-item img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }


    #second-tab-group .imageGallery1 .owl-pagination {
        margin-top: 5px !important;
        text-align: center !important;
    }

    #second-tab-group .imageGallery1 .owl-page {
        margin: 0 1px !important;
    }

    #second-tab-group .imageGallery1 .owl-page span {
        width: 6px !important;
        height: 6px !important;
        margin: 3px !important;
    }

    #second-tab-group .imageGallery1 .owl-pagination {
        margin-top: 5px !important;
        line-height: 12px !important;
    }



    #second-tab-group .col-md-4 {
        flex: 0 0 35% !important;
        width: 35% !important;
        max-width: 35% !important;
        min-width: 0;
        padding: 0 5px !important;
        box-sizing: border-box;
    }

    #second-tab-group .col-md-8 {
        flex: 0 0 65% !important;
        width: 65% !important;
        max-width: 65% !important;
        min-width: 0;
        padding: 0 5px !important;
        box-sizing: border-box;
    }


    #second-tab-group .imageGallery1 .owl-item img {
        width: 100% !important;
        height: 150px !important;
        object-fit: contain !important;
        object-position: center !important;
    }


    #second-tab-group .imageGallery1 .owl-page span {
        width: 6px !important;
        height: 6px !important;
        margin: 3px !important;
    }

    #second-tab-group .imageGallery1 .owl-pagination {
        margin-top: 5px !important;
        line-height: 12px !important;
        text-align: center !important;
    }


    #second-tab-group .owl-carousel .owl-wrapper-outer {
        overflow: hidden !important;
    }


    #second-tab-group .owl-carousel .owl-item {
        overflow: hidden !important;
    }


    #second-tab-group .owl-carousel .owl-item .item1,
    #second-tab-group .owl-carousel .owl-item .list-item {
        max-width: 100%;
        box-sizing: border-box;
    }

#contact-us .row {
        margin-left: 0;
        margin-right: 0;
    }

    #contact-us .col-lg-6 {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    #contact {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

.section-heading .t1 {
        position: relative;
        text-align: center;
    }

    .section-heading .t1::before {
        width: 90px !important;
        left: 50% !important;
        margin-left: -45px !important;
        transform: none !important;
    }

    .section-heading .t1::after {
        left: calc(50% - 45px);
        margin-left: 0 !important;
        transform: none !important;
        -webkit-animation: trait-mobile 5s infinite linear !important;
        animation: trait-mobile 5s infinite linear !important;
    }

    @-webkit-keyframes trait-mobile {
        0%   { left: calc(50% - 45px); }
        50%  { left: calc(50% + 35px); }
        100% { left: calc(50% - 45px); }
    }

    @keyframes trait-mobile {
        0%   { left: calc(50% - 45px); }
        50%  { left: calc(50% + 35px); }
        100% { left: calc(50% - 45px); }
    }

#contact-us .t1::after {
    top: 30px !important;
}
   
    .section-heading .t1::before,
    #contact-us .t1::before {
        width: 70px !important;
        left: 50% !important;
        margin-left: -35px !important;
    }

    
    @keyframes trait-mobile {
        0%, 100% { left: calc(50% - 35px); }
        50% { left: calc(50% + 25px); }
    }

    @-webkit-keyframes trait-mobile {
        0%, 100% { left: calc(50% - 35px); }
        50% { left: calc(50% + 25px); }
    }


    .section-heading .t1 {
        font-size: 22px !important;
    }
.footer-icons {
    margin-top: 10px;
}
footer .footer-area-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

footer .footer-area-bottom .container,
footer .footer-area-bottom .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


footer p {
    padding: 0 !important;
}
	


#myBtn {
    left: auto !important;
    right: 10px !important;
    bottom: 10px;
    font-size: 14px;
	width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
}


#myBtn i {
    font-size: 18px !important;
    line-height: 1 !important;
}


#contact-us .fa {
    font-size: 15px !important;
}

}

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

html, body, .site-main, .site-header,
    .main-header, .banner {
        width: 100%;
        max-width: 100%;
    }

    .main-header {
        left: 0;
        right: 0;
    }

    .banner > .container,
    .main-header > .container {
        width: 100%;
        max-width: 100%;
    }

    #menu-wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

   .navbar .navbar-header {
    width: 100%;
    max-width: 100%;
    height: 57px;
}

    .navbar-brand #logo {
        width: auto;
        max-width: 95px;
        max-height: 40px;
    }

}

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

#main-first1 > li > a {
        font-size: 12px;
        line-height: 32px;
        padding: 6px 8px;
    }



    .site-main,
    .site-header,
    .main-header,
    .banner {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

 .main-header > .container,
.banner > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

    #menu-wrapper,
    #menu-wrapper .navbar,
    #menu-wrapper .navbar-header {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    #logo {
        max-width: 80px;
        height: auto;
    }

    #nav-toggle {
        right: 5px;
    }

    .banner .home-text {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    #cont1 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    #row1 {
        display: flex;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
    }

    #row1 > #col1 {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        margin-right: 2px;
        padding-left: 0;
        padding-right: 0;
    }

    #row1 #bg1 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 4px !important;
    }

	#menu-wrapper .navbar {
		min-height: 57px;
	}

	#menu-wrapper .navbar-header {
		position: relative;
	}

	#nav-toggle {
		position: absolute;
		right: 5px;
		top: 0;
	}


	.banner .home-text p span {
		font-size: 8px;
		letter-spacing: 0.3px;
		line-height: 16px;
		white-space: normal;
		overflow-wrap: break-word;
	}

}

@media screen and (min-width: 395px) and (max-width: 450px) {

#SERVICES .carousel__slide {
        text-align: center !important;
    }

    #SERVICES .carousel__slide img {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

@media screen and (min-width: 396px) and (max-width: 450px) {

.main-header {
        position: fixed;
        top: 30px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
    }

    .main-header > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #menu-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    #menu-wrapper .navbar,
    #menu-wrapper .navbar-header {
        width: 100%;
        max-width: 100%;
    }

    #menu-wrapper .navbar-brand {
        margin-left: 0;
        padding-left: 10px;
    }

}