@media(max-width: 1400px) {
	#header {
        padding: 0 5%;
    }
}

@media(max-width: 1200px) {
	#header {
        padding: 0;
    }
    #footer .main {
        padding-right: 10%;
    }

    #start_project h1,
    #contact_us h1 {
        padding-top: 5%;
    }

    form {
        padding: 5% 0;
    }    
}

@media(max-width: 1100px) {
	#header #menu_items ul.media {
        display: none;
    }

    #gallery {
        width: 98%;
    }

    #about_us h1 {
        padding-top: 5px;
    }
    /* #about_us .description {
        margin-top: 10%;
    } */
        #about_us .description h2 {
            font-size: 2.2rem;
        }
}

@media(max-width: 1000px) {
	#header #menu_items .nets {
        display: none;
    }
}

@media(max-width: 992px) {
    #header {
        padding: 0 10%;
    }
    #header .navbar-nav {
        position: absolute;
        background: #dddbdb;
        right: 0;
        left: 0;
        text-align: right;
        padding-right: 30px;
        z-index: 100;
    }
	
    #footer .main {
        padding-left: 5%;
        padding-right: 5%;
    }

    #start_project .offset-lg-1,
    #contact_us .offset-lg-1 {
        padding-left: 5%;
    }
}

@media(max-width: 900px) {
    #about_us .about-us {
        background-color: #f2f0f0;
        position: absolute;
        right: 0;
        top: 5%;
        bottom: 5%;
        width: 70%;
        padding: 2% 15px 2% 3%;
    }    
    #about_us .offset-md-1 {
        margin-left: 0; 
    }    
    #about_us img.main {
        min-height: 500px;
    }

    #start_project .image,
    #contact_us .image {
        position: absolute;
        right: 0;
        width: 100%;
        text-align: right;
    }
    #contact_us .image {
        text-align: left;
    }
        #start_project .form,
        #contact_us .form {
            background-color: #f2f0f0;
            margin: 3% 0;
            z-index: 10;
        }
        #contact_us .form {
            margin-left: 50%;
        }
        #start_project .image img,
        #contact_us .image img {
            height: 500px;
            width: 500px;
        }
}

@media(max-width: 768px) {
    #header {
        padding: 0;
    }

    #footer .main {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px;
    }
        #footer .main .col {
            flex: 1 0 50%;
            text-align: center;
        }
        #footer .main .col.logo {
            flex: 1 0 100%;
            margin-bottom: 30px;
            text-align: center;
        }
        #footer ul.media li:first-child {
            margin-left: 0;
        }

        #about_us .about-us {
            bottom: 25px;
            top: 15px;
            width: 75%;
        }
    
        #about_us img {
            min-height: 500px;
            min-width: 500px;
        }
    
        #about_us .col-6 {
            width: 100%;
        }
        #about_us img.main {
            max-width: 100%;
            height: auto;
            min-height: unset;
            min-width: unset;   
        }
        #about_us .about-us {
            position: inherit;        
        }
    
        #about_us .description {
            margin-top: 10px;
            margin-bottom: 45px;
            position: relative;
            top: unset;
            transform: unset;        
        }
            #about_us .description h2:last-child {
                margin-bottom: 20px;
            }
        
        #start_project .col-6,
        #contact_us .col-6 {
            width: 100%;
        }
        #start_project .image img,
        #contact_us .image img {
            max-width: 100%;
            height: auto;
            min-height: inherit;
            min-width: 100%;   
        }
        #start_project .form,
        #contact_us .form {
            margin-top: 100%;
            padding: 0 15%;
        }
        #contact_us .form {
            margin-left: 0;
        }    
}

@media(max-width: 576px) {
    #header {
        padding: 0;
    }

    #gallery h1 {
        width: 100%;
        padding: 0px calc(100% - 520px);
    }
}    

@media(max-width: 450px) {
    #start_project .form,
    #contact_us .form {
        padding: 0px 6%;
    }
}

@media(max-width: 400px) {
    #footer .main .col {
        flex: 1 0 100%;        
    }
        #footer .main .col.media {
            margin-top: 30px;
        }
}