@media only screen and (max-width:1199px) {
	.about-content {
	    right: -75%;
	    top: 10px;
	    margin-left: 58%;
	}
	.modal {
		max-width: 100%;
	}
	.subscribe-box h2 {
		font-size: 45px;
	}
	.subscribe-box h5 {
		font-size: 18px;
	}
	.post-box {
		margin-bottom: 30px;
	}
	.main-footer {
		padding-bottom: 65px;
	}

}

@media only screen and (max-width:991px) {
	.text-center991 {
		text-align: center !important;
		float: none !important;
	}
	.main-header .navbar-collapse {
		background: #ffffff;
		margin-top: 10px;
		position: relative;
		z-index: 9999;
	}
	.main-header .navbar-collapse ul.navbar-nav{
	overflow-y: scroll;
    height: 80vh;
	}

	.main-header .navbar-light .navbar-nav .nav-link {
		color: #333333;
		padding: 10px 0;
		margin-left: 5px;
	}
	.main-header .navbar-light .navbar-toggler {
		color: #dddddd;
    	border-color: #dddddd;
    	border-radius: 0;
    	background: rgba(255,255,255,0.3);
	}
	.hero-col h2 {
		font-size: 40px;
	}
	.about-content {
	    right: 0;
	    top: 20px;
	    margin-left: 38%;
	}
	.default-title img {
		width: 50%;
	}
	.contact-box {
		display: block;
	}
	.copyright-col p {
		margin-top: 10px;
	}
	.sidebar-post {
	    margin-bottom: 80px;
	}
	.sidebar-post ul li {
		margin-bottom: 50px;
	}

}

@media only screen and (max-width:767px) {
	.about-content {
		position: relative;
		margin-left: 0;
		margin-bottom: 70px;
		top: 30px;
	}
	.about-col {
		margin-bottom: 0;
	}
	.about-content-left {
		position: relative;
		margin-left: 0;
		margin-bottom: 70px;
		top: 30px;
		margin-right: 0;
	}
	.about-col-left {
		margin-bottom: 0;
	}
	.pricingTable {
		margin: 0;
		margin-bottom: 30px;
	}
	.our-team:hover .social {
	    top: 50%;
	}
	.sidebar-post {
	    margin-bottom: 50px;
	}
	.sidebar-post ul li {
		min-height: 80px;
		margin-bottom: 20px;
	}
	.portfolio-item-info .item-caption h4 {
		font-size: 11px;
	}
	.slide-caption {
		text-align: center !important;
		padding: 0 50px;
	}
	.slide-caption-title {
		font-size: 30px;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
		top: 53%;
	}
}

@media only screen and (max-width:600px) {
	.full-wd600 {
		width: 100%;
	}
	.blocker {
		margin-left: 0;
		margin-right: 0;
	}
	.blocker:before {
		margin: 0;
	}
	
}


@media only screen and (max-width:575px) {
	.default-title img {
	    width: 80%;
	}
	.filtr-item {
		width: 50%;
	}
	.portfolio-item-info .item-caption h4 {
		font-size: 16px;
	}
	.main-header .navbar-brand {
		width: 175px;
	}
	.main-slider-area {
	    margin-top: 72px;
	}
}


@media only screen and (max-width:480px) {
	.my-modal img {
		display: none;
	}
	.my-modal h2 {
		margin-bottom: 10px;
	}
	.default-title .bg-title {
	    top: -8px;
	    font-size: 50px;
	    font-weight: bold;
	}
	.our-team:hover .social {
	    top: 60%;
	}
	.subscribe-box h5 {
		font-size: 16px;
	}
	
}

@media only screen and (max-width:420px) {
	.hero-col h2 {
	    font-size: 24px;
	}
	.hero-col h5 {
		letter-spacing: 1px;
	}
	.blocker {
		padding: 5px;
	}
	.modal.my-service-modal {
		padding: 5px;
		padding-bottom: 30px;
	}
	.filtr-item {
		width: 100%;
	}
	.subscribe-box h2 {
	    font-size: 36px;
	}
	.subscribe-box h5 {
	    font-size: 15px;
	}
	.subscribe-box {
		padding: 40px 20px;
	}
	.middele-comment {
		margin-left: 0;
	}
	.slide-caption-desc {
		font-size: 14px;
	}
	.slide-caption-title {
		font-size: 20px;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
	    top: 51%;
	}
	.portfolio-nav li {
		margin-right: 0;
		font-weight: normal;
		font-size: 13px;
	}

}

@media only screen and (max-width:375px) {
	.my-modal h2 {
		font-size: 22px;
	}
	.blog-item h3 {
		font-size: 18px;
	}
	.subscribe-box .input-group .btn {
		width: 95px;
		font-size: 12px;
		height: 40px;
	}
	.subscribe-box .form-control {
		font-size: 13px;
		height: 40px;
	}
	.sidebar-post ul li h4 {
		font-size: 15px;
		font-weight: normal;
	}
	.slide-caption-desc {
		letter-spacing: 1px;
	}
	.hero-col h2 {
		font-size: 20px;
	}
	.hero-col h5 {
		font-size: 15px;
	}
	.subscribe-box h5 {
		font-size: 18px;
	}
}


@media only screen and (max-width:320px) {
	.slide-caption {
		top: 32%;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
		top: 55%;
	}
}