@media only screen and (max-width: 1193px){
    .project .gallery .product .itembox{
        width: 31% !important;
    }
}
@media only screen and (max-width: 1100px){
    header .position-img {
        bottom: 1px !important;
    }
    header .head .pragraph {
        padding-left: 130px !important;
    }
}
@media only screen and (max-width: 991px){
    section{
        padding: 50px 0px !important;
    }
    header .menu .navbar-expand-lg .navbar-nav{
        align-items: start !important;
    }
    header .menu .navbar .nav-item .nav-link{
        font-size: 40px !important;
        line-height: 55px;
        color: antiquewhite;
        font-family: "Teko", sans-serif;
    }
    header .menu .navbar .nav-item{
        margin: 0px !important;
        padding: 0px 20px;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    header .menu .navbar{
        border-bottom: 1px solid #FF5733;
        padding: 0;
        backdrop-filter: none !important;
    }
    header .menu .navbar .offcanvas-body{
        padding: 20px 0 !important;
    }
    header .menu .navbar.offcanvas-header{
        border-bottom: 1px solid #FF5733;
    }
    header .menu .navbar .container-fluid{
        padding: 0 0 0 8px !important;
    }
    .navbar-toggler:hover{
        color: #FF5733;
    }
	.navbar-toggler, .navbar-toggler:focus{
		color: white;
		box-shadow: none;
        padding: 5px 12px;
        height: 70px;
        width: 70px;
		border: 0;
		border-radius: 0px;
        background: #FF5733;
	}
    .offcanvas-header{
        border-bottom: 1px solid #FF5733;
        padding: 0;
    }
    .offcanvas-header .nav-btn-close{
        border: 0;
        outline: 0;
        padding:2px 10px;
        height: 50px;
        width: 50px;
		border-radius: 0px;
        box-shadow: none;
        color: white;
        background: #FF5733;

    }
    header .head .title{
        margin-top: 50px !important;
        padding-right: 0px !important;
    }
    header .head .pragraph{
        margin-top: 120px !important;
    }
    .project .gallery .product .itembox {
        height: 265px !important;
    }
}
@media only screen and (max-width: 880px){
    header .head .title h2{
        font-size: 30px !important;
    }
    header .head .title h1 {
        font-size: 60px !important;
    }
    header .head .pragraph {
        margin-top: 85px !important;
    }
    .project .gallery .product .itembox {
        height: 340px !important;
        width: 47% !important;
    }
}
@media only screen and (max-width: 767px){
    header .head .pragraph {
        margin-top: 20px !important;
        padding-left: 0px !important;
    }
    header .head .pragraph p {
        background-color: transparent !important;
    }
    header .position-img {
        opacity: .3 !important;
        transform: scale(1.5) !important;
        width: 100% !important;
        bottom: 10% !important;
    }
    .about .about-text{
        margin-bottom: 40px;
    }
    .project .gallery .product {
        justify-content: center;
    }
    .project .gallery .product .itembox {
        height: 310px !important;
        width: 47% !important;
    }
}
@media only screen and (max-width: 690px){
    .project .gallery .product .itembox {
        height: 270px !important;
        width: 46% !important;
    }
}
@media only screen and (max-width: 609px){
    .project .gallery .product .itembox {
        height: 240px !important;
        width: 46% !important;
    }
}
@media only screen and (max-width: 540px){
    header .head .title{
        margin-top: 30px !important;
    }
    header .position-img {
        transform: scale(1.9) !important;
        bottom: 14% !important;
    }
    .project .gallery .product .itembox {
        height: 340px !important;
        width: 74% !important;
    }
    .footer .copyright {
        justify-content: center !important;
        flex-wrap: wrap !important;
        flex-direction: column-reverse !important;
    }
    .contact form {
        padding: 5% !important;
    }
}
@media only screen and (max-width: 470px){
    header .position-img {
        display: none !important;
    }
    .project .gallery .product .itembox {
        height: 340px !important;
        width: 85% !important;
    }
    .lets-talk .hire-text h2 {
        font-size: 120px !important;
        line-height: 90px !important;
        transform: translateY(66px) !important;
    }
    
}
@media only screen and (max-width: 430px){
    .project .gallery .product .itembox {
        height: 340px !important;
        width: 100% !important;
    }
    .contact form {
        padding: 0% !important;
    }
}
@media only screen and (max-width: 390px){
    .project .gallery .product .itembox {
        height: 295px !important;
        width: 100% !important;
    }
    .lets-talk .hire-text h2 {
        font-size: 80px !important;
        line-height: 70px !important;
        transform: translateY(67px) !important;
    }
}