@media screen and (max-width: 1200px) and (min-width: 992px) {
	.for-tablet, .for-mobile {
		display: none;
	}
	.for-desktop {
		display: block;
	}

}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.for-tablet {
		display: block;
	}
	.for-desktop {
		display: none;
	}
	#about .my-photo {
	    margin-top: 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 300px) {
	.for-tablet, .for-mobile {
		display: block;
	}
	.for-desktop {
		display: none;
	}
	#contact {
	    background-image: url("../images/contact-bg-mob.jpg");
	}
	.services-item {
		margin-bottom: 50px;
	}
	.services-item.last {
		margin-bottom: 0px;
	}
	.hi-icon,.hi-icon {
	    background: rgba(31,205,255,1);
	    color: #fff;
	    text-decoration: none;
	}

	.hi-icon:after,.hi-icon:after {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	}
	.pc-bg {
	    background-size: 100%;
	    background-attachment: inherit;
	}
	#slider .inner-caption {
		width: 100%;
	}
	#slider .inner-caption h1 {
	    font-size: 21px;
	}
	#slider .inner-caption h2 {
	    font-size: 42px;
	}
	.contact-form {
		display: block;
		height: auto;
	}
	.da-thumbs li a, .da-thumbs li a img {
	    display: block;
	    position: relative;
	    width: 100%;
	    height: auto;
	    max-width: 400px;
	    margin: 0px auto;
	}
	#about .my-photo {
	    margin-top: 30px;
	}
	.portfolio-modal .modal-body .col-lg-6 .btn{
		display: block;
	}
	.portfolio-modal h2 {
	    text-transform: uppercase;
	    font-size: 24px;
	}
}
@media screen and (max-width: 450px) {
	#slider .inner-caption h1 {
	    font-size: 20px;
	}
	#slider .inner-caption h2 {
	    font-size: 29px;
	}
	#slider .inner-caption .slider-logo {
	    width: 100%;
	    max-width: 150px;
	    margin-bottom: 0px;
	}
}