@media (min-width:768px) and (max-width:1024px){
	.logo h1{font-size:26px;}
	#cssmenu > ul > li > a{font-size:14px; padding:10px 7px;}
	.about-box-layout1 .about-box-content{padding: 4rem 10rem 4rem 0;}
	.different h2{font-size:32px;}
	.sidebar ul li a{font-size:13px; padding-left:13px;}
	.contact-info{padding: 35px 10px 40px;}
	.media-body ul li{font-size:13px;}	
}
@media (min-width:480px) and (max-width:768px){
	.top-left ul li{display:block;}
	.logo{text-align:center;}
	.logo img{float:none;}
	.service-inner h3{font-size:20px;}
	.footer-end{text-align:center;}
	.footer-end .text-right{text-align:center !important;}
	.text-bg{font-size:40px;}
	.right{margin-left:23%;}
	.contact-img img{width:100%;}
	.logo h1{font-size:36px;}
}
@media (min-width:320px) and (max-width:480px){
	.top-left ul li{display:block; text-align:center;}
	.logo{text-align:center;}
	.logo img{float:none;}
	.service-inner h3{font-size:20px;}
	.footer-end{text-align:center;}
	.footer-end .text-right{text-align:center !important;}
	.text-bg{font-size:24px; padding: 40px 30px 50px;}
	.right{margin-left:22%;}
	.contact-img img{width:100%;}
	.logo h1{font-size:36px;}
	.top-social{text-align:center;}
	.slide1, .slide2, .slide3, .slide4{padding-top:25px;}
	.parent{height:200px;}
	.slider button{width:30px; height:30px;}
	.product .owl-carousel .owl-nav {display:none;}
	.service-inner{display:block;}
	.about-box-layout1 .about-box-content .item-header .experience-year{font-size:40px;}
	.service-main h2{font-size:18px;}
	.sidebar ul li a{font-size:14px;}
	.contact-info{padding: 35px 20px 40px;}
	.media-body ul li{font-size:13px;}	
}

@media screen and (max-width:768px){
	.logo a::before {
		content: "";
		position: absolute;
		top: 0;
		left: -100000px;
		bottom: 0;
		right: -90px;
		z-index: 999;
		border-top: 97px solid #000c26;
		border-right: 0px solid transparent;
	}
	.logo img {
		position: relative;
		z-index: 999;
		margin-top: 50px;
		text-align: center;
	}
	#cssmenu{
		margin-top: 0;
		margin-bottom: 0;
	}
	.double-btn.double-btn-two{
		padding: 13px 1px 13px 13px;
	}

	.benefits-headind h2{
		font-size: 21px;
		margin-bottom: 20px;
	}
	.stats{
		margin-bottom: 28px;
	}

	.testimonial-block .inner-box:before {
		left: 10px;
	}

	.testimonial-block .inner-box .content{
		padding-left: 50px;
	}

	.owl-carousel .owl-nav button.owl-prev{
		margin-top: 40px;
	}

	.bg-conver{
		border-radius: 0px;
	}

	.bg-converr{
		border-radius: 0px;
	}
	.about-img img{
		width: 104%;
		margin-bottom: 30px;
	}

	.about p{
		margin-top: 20px;
	}
	a.about-btn{
		margin-top: 0px;
		width: 172px;
	}

	footer h4{
		margin-top: 40px;
	}
}