/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 767px) {

.testi-wrapper .highslide img {width:100%;height: auto;}

.sloqan {
    background: #2a2e2e;
    color: #d22030;
    padding: 5px;
    margin: 5px 0px;
}

.nopc {
    display: none;
}
.elaqe {
    text-align: center;
    padding: 10px;
}
	#Banner .blacksection::before {
		display: none;
	}
	#Banner {
		width: 100%;
		height: 39vh;
	}
	header {
		background: #ffffff; /* Old browsers */
		z-index: 99999;
	}
	header .mobile-logo {
		display: block;
		text-align: center;
	}
	header {color:#000;line-height:20px;text-align: center;padding: 0px;}
	header a{display: block;color: #000;line-height:25px;}
	
	#Banner .logo {
		display: none;
	}
	.mobile-logo img {
		width: 80%;
		height: auto;
	}
	#Banner h1 {
		font-size: 40px;
		right: auto;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 1;
		left: 50%;
		text-align: left;
	}
	.mobile-header {
		display: block;
	}
	#Services {
		padding: 30px 0;
	}
	#Services h2 {
	    font-size: 38px;
	    margin-bottom: 30px;
	}
	#Services .each-services img {
		padding-bottom: 10px;
	}
	.each-services {
	    margin-bottom: 40px;
	}
	#OurWork h2, #TestimonialsSlider h2 {
		font-size: 38px;
	}
	#OurWork .grey-box {
		margin-bottom: 30px;
	}
	#OurWork .each-work {
		padding: 40px 0px;
		width: 86%;
		height: 120px;
		font-size: 17px;
	}
	#OurWork .each-work img {
		width: 100%;
		height: auto;
	}
	#OurBlog h2 {
		font-size: 38px;
	}
	#OurBlog {
	    padding: 60px 0;
	} 
	.each-block {
	    position: static;
	    width: auto;
	    padding: 0 0;
	    margin-bottom: 25px;
	    display: inline-block;
	}
	.blog-wrap {
		margin: 40px 0;
	}
	#TestimonialsSlider {
		padding: 40px 0;
	}
	.testimonials-dtl p {
	    width: auto;
	    padding: 0 20px;
	}
	.testimonials-dtl h5 {
		padding-top: 20px;
	}
	#Footer p {
		font-size: 34px;
	}
	.social-icons li i {
	    font-size: 26px;
	}
	.blog-wrap {
		height: auto;
	}
	#OurBlog .each-block {
		width: 100%;
	}
	#OurBlog .blog-wrap::before, #OurBlog .each-block::before {
		display: none;
	}
	#OurBlog .blog-wrap .blog-intro {
		width: 75%;
	}
	#Testimonials {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#Testimonials span {
		font-size: 50px;
	}
	#Testimonials h2 {
		font-size: 40px;
	}
	#Testimonials .title {
		width: 70%;
	}
	#Testimonials .testi-wrapper {
		margin-top: 10px;
	}
	#Testimonials .testi-wrapper .latest-testimonials {
		margin-right: 0;
	}
	#Testimonials .testi-wrapper .each-testi {
		width: 100%;
	}
	#Testimonials .testi-wrapper .old-testimonials {
		margin: 30px;
		height: auto;
		width: 80%;
		display: block;
		text-align: center;
	}
	#Testimonials .each-testi .profile {
		position: static;
	}
	.social-icons li {
		margin: 0 8px;
	}
} 

 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width: 992px) and (max-width: 1024px){
	#Banner .blacksection::before {
		width: 1200px;
	}
	#Banner h1 {
		font-size: 60px;
	}
	#OurWork .each-work {
		width: 30.6%;
	}
	#OurBlog .each-block::before {
		right: -53px;
	}
	#OurBlog .each-block.two::before {
		left: -52px;
	}
	#Testimonials .testi-wrapper .each-testi {
		width: 31%;
	}
}