@media only screen and (max-width : 1366px) {
    .image-thumbnail-recent-projects {
        height: 625px;
    }

    .project .project-full-image {
        height: 785px;
    }
}

@media only screen and (max-width : 1335px) {
    .our-team-slider .card-img-top {
        height: 420px;
    }
}

@media only screen and (max-width : 1240px) {
    .our-team-slider .card-img-top {
        height: 405px;
    }
    .our-team-slider .card-details {
        top: 300px;
    }
}


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

    .our-team-slider .card-img-top {
        height: 370px;
    }

    .our-team-slider .card-details {
        top: 275px;
    }

    .menu ul li {
        font-size: 10px;
        padding-right: 30px;
    }

    .main-section p, .main-section ul {
        font-size: 12px;
    }

    .why-us p, .why-us ul {
        font-size: 12px;
    }

    .footer-logo{
        width: 90%;
    }


    .footer-menu button {
        width: 125px;
    }

}

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

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    .our-team-dsc p {
        font-size: 12px;
        line-height: 18px;
    }

    .portfolio-wrap .padding-0-45-0-50{
        padding: 0px 45px 0px 15px !important;
    }

    .portfolio-wrap .padding-0-50-0-45{
        padding: 0px 15px 0px 45px !important;
    }

    .image-thumbnail-recent-projects {
        height: 465px;
    }

    .recent-projects h5 {
        font-size: 16px;
    }

    .recent-projects h6 {
        font-size: 28px;
    }

    .recent-projects-wrap {
        min-height: 465px;
    }

    .our-team-slider .card-img-top {
        height: 340px;
    }

    .our-team-slider .card-details {
        top: 250px;
    }

    .footer-menu p {
        font-size: 13px;
    }

    .showreel .project-file {
        min-height: auto;
    }

}

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

    div.avoid-mobile {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        font-size: 20px;
        text-align: center;
        padding: 40px;
        display: block;
        z-index: 9999999;
        top: 0;
    }

    #logo{
        max-height: 45px;
        width: auto;
    }
    
   
    #div_header{
        height: 100px;
    }

    #header {
        height: fit-content;
        box-shadow: none;
    }

    .gallery-one-by-one {
        width: 100%;
    }

    .gallery-one-by-one-wrap {
        padding: 0px;
    }

    .gallery-second-left, .gallery-left {
        width: 336px;
    }
    
}

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

    #div_header {
        display: none;
    }

    #div_header_responsive, .div_header_responsive_height{
        display: flex;
    }

    .menu-trigger{
        display: block;
        position: fixed;
        float: right;
        z-index: 9999;
        right: 0;
        top: 13px;
    }

    .hero-internal .hero-wrapper {
        margin-top: -60px;
    }

    .hero-home .hero-wrapper, .hero-project .hero-wrapper{
        height: calc(100vh - 60px);
    }


	
}

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

    

}


/* IPAD PORTRAIT */
@media only screen and (max-width : 1023px) and (min-width : 768px) {

    .image-thumbnail-services {
        height: 300px;
     }
 
     .services .services-img-wrap {
         min-height: 300px;
     }

     .services-wrap {
        margin-top: 50px;
    }

    .services-wrap:first-child {
        margin-top: 0px;
    }

}

/* IMALLER THAN IPAD PORTRAIT*/
@media only screen and (max-width : 767px) { 

    .responsive-footer-align {
        text-align: center;
    }

    .copyright {
        line-height: 30px;
    }

    .project .main_left_image {
        height: 330px;
    }

    h4.phone-mobile{
        display: block;
    }

    hr.hr-mobile{
        display: block;
    }

    .main-section-items .row{
        padding: 15px;
        flex-direction: column;
    }

    .main-section-items .col{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer-menu h3 {
        padding-top: 10px;
    }

    .footer-menu h4, .footer-menu h5, .footer-menu h6, .footer-menu img, .footer-menu button {
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .buildertrend figure {
        justify-content: flex-start !important;
    }

    .buildertrend{
        text-align: left;
    }

    .hero-internal .hero-wrapper {
        height: 280px;
    }

    .hero-internal h1 {
        font-size: 32px;
    }

    .contact-us-wrap {
        padding: 50px 15px;
    }

    
    .padding-0-15 {
        padding: 0px 30px !important;
    }

    .our-team-dsc {
        margin: 0px 30px;
    }

    .services-wrap {
        margin-top: 250px;
    }

    .services-wrap:first-child {
        margin-top: 0px;
    }

    .image-thumbnail-services {
        height: 305px;
    }

    .services .services-img-wrap {
        min-height: 305px;
    }

    .client-stories .client-stories-quotes-wrap {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    #client-stories{
        padding-right: 15px;
        padding-left: 15px;
    }

    .client-stories .client-stories-quotes-wrap {
        margin-left: 15px;
        margin-right: 15px;
    }

    .portfolio-wrap {
        margin-top: 150px;
        margin-right: 15px;
        margin-left: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .portfolio-wrap:first-child {
        margin-top: 0px;
    }

    .portfolio-wrap .padding-0-45-0-50 {
        padding: 0px !important;
        /* margin-right: 30px; */
        margin-right: 0px;
    }

    .portfolio-wrap .padding-0-50-0-45 {
        padding: 0px !important;
        /* margin-right: 30px; */
        margin-right: 0px;
    }

    .mouse-scroll-div {
        display: none;
    }

    .div-ico-right, .div-ico-left {
        display: none;
    }

    .hero-home h3 {
        font-size: 11px;
    }

    .hero-home h2 {
        font-size: 23px;
    }

    .hero-home .hero-wrapper {
        padding: 20px;
    }

    .div-ico-parent {
        padding-top: 80px;
    }

    .main-section h4 {
        margin-top: 20px;
    }

    .main-section-items .row.left{
        flex-direction: column-reverse;
    }

    .main-section-items .row.right{
        flex-direction: column;
        display: block !important;
    }

    .why-us-wrap {
        padding-left: 20px;
        padding-right: 20px;
        margin: 20px;
    }

    .main-section-project-dsc{
        display: none;
    }

    .process {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 45px;
    }

    .process h2 {
        font-size: 20px;
        margin-top: -55px;
        margin-left: 60px;
    }

    .process-text-wrap {
        margin-left: 50px;
        margin-top: -35px;
    }

    .process-step-number {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .process-wrap {
        padding-bottom: 70px;
    }

    .process-step-arrow-wrap{
        display: none;
    }

    .d-flex-responsive-block{
        display: block !important;
    }

    .padding-0-10 {
        padding: 0px !important;
    }

    .padding-left-20 {
        padding-left: 0px !important;
    }

    .padding-right-20 {
        padding-right: 0px !important;
    }

    .process blockquote p::before {
        top: 37px;
        font-size: 200px;
    }

    .process blockquote p::after {
        bottom: -80px;
        font-size: 200px;
    }

    .process article {
        margin: 40px 20px 0px 0px;
    }

    .process blockquote p {
        font-size: 15px;
    }

    .hero-home .hero-wrapper, .hero-project .hero-wrapper {
        height: 400px;
    }

    .project h2, .project h3 {
        margin-top: 20px;
    }

    .project{
        padding: 20px;
    }

    .project-wrap {
        padding-top: 80px;
    }

    .gallery-one-by-one-button {
        max-width: 100%;
        height: 290px;
        margin: 10px 0px 0px;
    }

    .gallery-one-by-one-wrap {
        height: 80%;
    }

    .project figure > img {
        max-height: 250px !important;
    }

    .buildertrend {
        display: flex !important;
    }

    .project-flex-direction-reverse{
        flex-direction: column-reverse;
    }

    .portfolio {
        /* margin-left: 20px; */
    }

    .portfolio {
        padding: 125px 15px 35px;
    }

    .our-team-wrap {
        margin-bottom: 15px;
    }

    .image-thumbnail-recent-projects {
        height: 300px;
    }

    .recent-projects-wrap {
        min-height: 375px;
    }

    .recent-projects .space-top-40-section {
        margin-top: 20px;
    }

    .proccess-img{
        margin-bottom: 35px;
    }

    .services {
        padding: 225px 0px 35px;
    }

    .single-service {
        padding-top: 35px;
    }

    .gallery-second-left, .gallery-left, .gallery-right, .gallery-second-right {
        width: 100%;
    }

    .gallery-one-by-one-main {
        background-color: rgba(0,0,0,1);
    }

}

/* IPHONE 5 LAND*/
@media only screen and (max-width : 568px) { 
	.parallax{
        background-attachment: unset;
    }

    .copyright{
        font-size: 12px;
    }


}

/* SMALLER THAN IPHONE 5 LAND */ 
@media only screen and (max-width : 567px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

    .how-we-began img {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .how-we-began .how-we-began-item-row.lg-margin {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .how-we-began p {
        margin-bottom: 15px;
    }
    
    .hero-home .hero-wrapper{
        height: 400px;
    }

    .recent-projects-wrap{
        padding: 0px 15px;
    }

    .responsive-footer-align{
        text-align: center !important;
    }

    .copyright {
        line-height: 30px;
    }

    .buildertrend-login-wrap {
        min-width: 90%;
        max-width: 90%;
        padding: 20px 5px;
    }

    .buildertrend-iframe{
        padding: 10px;
        margin: 0px;
    }

    h4.phone-mobile{
        display: block;
    }

    hr.hr-mobile{
        display: block;
    }

    .buildertrend {
        display: flex !important;
    }

    .hero-home .carousel-control-prev {
        
        margin-left: 40px;
    }

    .our-team-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .our-team-slider  .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active {
        transform: translateX(100%);
        /* opacity: 1; */
    }
    .our-team-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .our-team-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
        transform: translateX(-100%);
        /* opacity: 1; */
    }
    
    .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active {
        transform: translateX(100%);
        /* opacity: 1; */
    }
    .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
        transform: translateX(-100%);
        /* opacity: 1; */
    }

    .our-team-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-left, .our-team-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-right {
        transform: none;
        /* opacity: 1; */
    }
    
    .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-left, .brand-slider .carousel-multi-item .carousel-inner.v-2 .carousel-item-right {
        transform: none;
        /* opacity: 1; */
    }


    .carousel-left-control-responsive{
        position: absolute;
        bottom: 50px;
        margin: auto;
        width: 30px;
        z-index: 99;
        left: 0;
        right: 0;
        padding-right: 80px !important;
    }

    .carousel-right-control-responsive{
        position: absolute;
        bottom: 50px;
        width: 30px;
        margin: auto;
        left: 0;
        z-index: 100;
        right: 0;
        padding-left: 40px !important;
    }

    .our-team-slider .carousel-left-control-responsive{
        position: absolute;
        bottom: 50px;
        margin: auto;
        width: 30px;
        z-index: 99;
        left: 0;
        right: 0;
        padding-right: 100px !important;
    }

    .our-team-slider .carousel-right-control-responsive{
        position: absolute;
        bottom: 50px;
        width: 30px;
        margin: auto;
        left: 0;
        z-index: 100;
        right: 0;
        padding-left: 25px !important;
    }

    .brand-slider .carousel-left-control-responsive, .brand-slider .carousel-right-control-responsive{
        bottom: -80px;
        
    }

    #sb_instagram #sbi_images .sbi_item {
        padding: 5px 0px !important;
    }

    .our-team-slider .card-details {
        
        margin: auto;
        left: 0;
        right: 0;
    }

    .follow-us-wrap {
        margin-bottom: 50px;
    }

    .hero-project-detail h5 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 0px;
    }

    .hero-project-detail h6 {
        display: none;
    }

    .hero-project-detail {
        width: 215px;
        padding: 15px;
    }

    .hero-home .carousel-indicators li{
        display: none;
    }

    .hero-home .carousel-control-prev, .hero-home .carousel-control-next {
        margin: -18px 10px;
    }

    .hero-home .carousel-control-prev {
        margin-top: 28px;
        margin-left: 40px;
    }

    .hero-home .carousel-control-next {
        margin-top: 21px;
    }

    .introduction .introduction-wrapper .introduction-img {
        min-height: 230px;
    }

    .introduction .introduction-dsc {
        padding: 30px 30px 110px;
    }

    .introduction .link_about-us {
        bottom: 40px;
    }

    .introduction h2 {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .introduction h1 {
        font-size: 65px;
         margin-bottom: 20px;
    }

    .introduction p {
        font-size: 14px;
        line-height: 20px;
    }

    .showreel h1 {
        font-size: 45px;
        margin-bottom: 0px;
    }

    .showreel {
        padding: 50px 0px 0px;
    }

    .recent-projects h1 {
        font-size: 45px;
        margin-bottom: 35px;
    }

    .recent-projects {
        padding-top: 50px;
    }

    .padding-0-15 {
        padding: 0px 5px!important;
    }

    .image-thumbnail-recent-projects {
        height: 375px;
    }

    .recent-projects-wrap {
        min-height: 395px;
    }

    #our-team-slider {
        padding-top: 35px;
        min-height: 620px;
    }

    #our-team-slider h1 {
        font-size: 45px;
        margin-bottom: 35px;
    }

    .footer-menu h4{
        display: none;
    }

    .footer-menu .align-right{
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .footer-menu p, .footer-menu .footer-ico {
        margin-bottom: 10px;
    }

    .footer-menu .footer-logo {
        margin-bottom: 20px;
    }

    .contact-us {
        padding-top: 65px;
        padding-bottom: 65px;
        min-height: 770px;
    }

    .hero-internal p {
        line-height: 45px;
    }

    .about-us {
        padding-top: 25px;
        padding-bottom: 25px;
        min-height: 575px;
    }

    .about-us .about-us-img {
        display: none;
    }

    .about-us-team.our-team-slider .card {
        min-height: 365px;
    }

    .approach {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .approach h1 {
        font-size: 45px;
    }
    
    .approach h2 {
        line-height: 35px;
        font-size: 30px;
    }

    .approach .approach-item-row {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .approach h4 {
        font-size: 29px;
    }

    .approach figure{
        align-items: center;
        justify-content: center;
    }

    .approach figure > img {
        max-width: 95%;
    }

    .single-team {
        min-height: 800px;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .single-team .card-img-top {
        height: 530px;
    }

    .single-team .card-details {
        top: 410px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .portfolio {
        padding: 50px 0px 35px;
    }

    .portfolio h5 {
        font-size: 16px;
    }

    .portfolio h6 {
        font-size: 28px;
    }


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}







@media screen and (max-width: 783px){
.hustle-image.hustle-image-fit--contain {
    display: none!important;
}
	
	#blogs nav.list-categories {
    flex-direction: column;
		text-align: center;
}
	
	#blogs nav.list-categories li, #blogs nav.list-categories ul {
    margin: 3px 0px;
}
	
	#single-post .carousel-inner .blog-content{
		flex-direction:column-reverse;
	}
	#single-post .carousel-inner .blog-content-menu{
	text-align: center;
	}
}

@media screen and (min-width: 783px){
.hustle-ui:not(.hustle-size--small).module_id_5 .hustle-form button.hustle-button-submit {
    padding: 12px 24px;
}
}

input[type=email]#hustle-field-email-module-5 {
	height: unset!important;
	padding: 10px 20px !important;
}