/*320 - 767*/
@media screen and (max-width: 767px) {
	.navbar.nav-crev{
		width: 100%;
		left: 0
	}
	.call-btn{
		right: 10px
	}
	.navbar .navbar-toggler{
		margin-right: 80px
	}
	.sweven-symbol{
		    right: 8px;
		margin-top: -62px;
	}
	.navbar .logo {
    max-width: 100px !important;
	}
	.header-main{
		background-position: center top !important;
		background-size: contain !important
	}
	header.full-height{
		min-height: auto;
		margin-top: 100px
	}
	body .header-main .caption h1{
		font-size: 30px !important
	}
	.cursor{
		display: none
	}
	.main-marq{
		overflow: hidden
	}
	.section-padding{
		padding: 50px 0
	}
	.img1{
		margin-bottom: 20px
	}
	.serv-box .serv-item{
		padding: 20px;
		margin-bottom: 20px !important
	}
	.serv-box .col-lg-3.col-md-6.mb-30{
		margin-bottom: 0px !important
	}
	.navbar.nav-crev.nav-scroll{
		position: relative !important
	}
	
	.works.thecontainer{
		padding-top: 0
	}
	.sub-footer.pt-80{
		padding-top: 0 !important
	}
	.copyright p{
		margin-bottom: 20px
	}
	.back-image{
		height: 50vh
	}
	.portfolio .masonry .info-overlay .item-img .info, .portfolio .grid .info-overlay .item-img .info{
		opacity: 1;
		webkit-transform: translateY(0px);
		transform: translateY(0);
	}
	.navbar .navbar-collapse{
		background: #111
	}
	.serv-box .col-lg-3.col-md-6 {
    width: 50%;
}
	.serv-box .serv-item{
		min-height: 170px
	}
    .mobile-none{
        display: none
    }
    #lifestyle{
        padding-bottom: 0
    }
    .accordion.bord h6{
        margin-bottom: 0
    }
    .accordion.bord .item.mb-15{
        margin-bottom: 0 !important
    }
    #layout-plans .panel.mt-30{
        margin-top: 0 !important
    }
    .works .panel .item{
        margin-top: 0
    }
    .works .panel .item .cont {
    margin-top: 10px;
}

        .works .panel {
        display: inline-block;
        padding: 0 15px !important;
        width: 49%;
    }
    .works .panel .item .cont h5{
        text-align: center;
    font-size: 15px;
    }
    .works .panel .item .cont{
        justify-content: center
    } 
    #layout-plans{
        padding-bottom: 50px
    }
    .back-image.states.bg-img{
            background-size: contain !important;
            background-attachment: inherit !important;
            background-position: center top !important;
    }
    .back-image.states ul li{
        margin: 0
    }
    .back-image.states ul{
        bottom:0px
    }
    
}