@media only screen and (max-width: 768px){
    body{
        overflow-x: hidden;
        font-size: 10px;
    }
    #form-contact{
        width:100%;
    }
    .contact-content{
        width:100%;
        font-size: 1rem;
        text-align: right!important;
        margin: unset;
    }
    .page-title{
        position: relative;
        bottom: 40px;
    }
    #navbarSupportedContent{
        position: absolute;
        z-index: 10;
        top: 59px;
        background: rgb(255, 255, 255);
        width: 90%;
        padding: 20px;
        margin-top: 0;
    }
    .upload-box{
        /* display:none; */
        font-size: 1rem;
    }
    .mobile-hide{
        display: none!important;
    }

    .desktop-hide{
        display:block!important;
      }

      #section1 {
       background: #040b15;
       clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 95%);
    }

      #section1 img {
        clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
    }

    .page-title h1{
        font-size: 5rem;
        line-height: unset;
        margin-top: 15px;
    }
    .page-title h2{
        font-size: 1.4rem;
        margin-bottom:1rem;
    }
    .title-text{
        font-size: 1rem;
        margin-bottom: 14px;;
    }
    #section1 .btn-green{
       
    font-size: 16px;
    
    width: 8.81rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-family: 'Assistant';
		font-weight: 900;
    }
    #section2{
        background:unset;
        background-color: #f7f7f7;
    }
    #section2.d-flex{
        display: block!important;
    }
    #section2 .section-content{
        position: unset;
    }
    .about-content h2{
        font-size: 2rem;
    font-family: 'Assistant';
		font-weight: 600;
    }
    ul.icons i {
        width: 70px;
        height: 70px;
        padding: 9px;
    }
    ul.icons h3{
        font-size:0.8rem;
        margin-top: 10px;
    }
    ul.icons li {
        max-width: 118px;
    }
	#element-3{
		margin-right: 15%;
	}
	#element-4{
		margin-left: 15%; 
	}

    .section3-poligon{
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 95%);
        min-height: 410px;
    }
    #section3 h2{
        font-size: 2rem;
        margin-bottom:1.7rem;
        text-align: unset;
    }
    #section4 h2{
        font-size: 2rem;
    }

    #section4 {

    }
    .mobile-order2{
        order:2;
    }
    .mobile-order1{
        order:1;
    }

    #section5 {
       
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
       
    }
    #section5 .section-bg{
        position: unset;
        background: #577580;
        padding: 25px 0;
    }
    #section5 .search-content h2{
        font-size: 2rem;
    }
    #section6{
        padding: 3rem 0;
    }
    .contact-content h2{
        font-size: 2rem;
    }
    .contact-content p {
       
        text-align: right!important;
    }
    #form-contact .btn-green{
        font-size: 1.2rem;
        margin-top: 0rem;
    }
    footer{
        padding:1.3rem 0;
        font-size:1rem;
    }
    #buttontop{
        display: none;
    }
}