@media (min-width: 1700px){
	
	.services{height: 500px}	
	
	.services .container,.services .row{height: 100%}
	
    .services .col-md-3 {padding-right: 15px;position: relative;right: auto}
}



@media (max-width: 1200px){
	
	
#cssmenu{font-size: 12px;text-align: left}	
	
#cssmenu > ul > li > a {

	margin: 0 10px;

}
	
	#cssmenu > ul > li > a {

	margin: 0 10px;

}
	
.grid figure {

	height: 250px
		
}
	
	
	.docs-pictures > li{height: 200px}
	
	
	
	.products-inner .zoom{height: 350px}
	
}


@media (max-width: 991px){
	
body{text-align: center}

#carousel-example-generic{height: 90.2%}
	
.top{position: relative;padding: 10px 0;background-color: #252525}	
	
#cssmenu{float: none}
	
#cssmenu > ul > li > a {

	margin: 0;

}
	
#cssmenu li:hover > ul {
  left: auto;
}
	
.logo{height: 55px}	
	

	
	
	
	
	
	
.welcomming .box{margin-bottom: 40px}	
	
.welcomming .box .article{height: 48px}	
	
	
	
	
	
	
	
	
.services{height: auto}	
	
.services .col-md-3{display: none}	

	
.services .serv .article, .services .serv .title{padding: 0}	
	
.services .serv .s-icons div:first-child{float: none;display: inline-block;background-position: center center}	
	
	
.footer .social ul a {
    width: 30%;
}	
	
.footer .social ul a span{
		
		font-size: 13px
		
	}
	
	
	.footer-inner .col-md-6{float: none;text-align: center;margin-bottom: 10px}
	
	
	
	.bg-img{background-image: none;background-color: #252525}
	
	.bg-img .top{background-color: transparent}
	
	
	
	.about1,.about2,.about3{margin-bottom: 20px}
	
	.service-inner{text-align: left;margin-bottom: 30px}
	
	.inner-img1,.inner-img2{width: 45%;height: 200px;margin-bottom: 0}
	
	
	.inner-img1 img {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }
	.inner-img2 img {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }
	
	
	.grid figure {

	height: 200px
		
}
	
	
	.docs-pictures > li{height: 150px}

	.products-inner .title2,.products-inner .article{text-align: left}

	.service-inner .article{overflow:visible}
	
	.service-inner .title2{margin-top:20px}
}





@media (max-width: 768px){
	
.logo{height: 75px;width: 230px;display: inline-block}
	
.footer .social ul a {
    width: auto;
	margin: 10px;
	text-align: left
}	
	
.g-home .col-md-4 img{height: 200px}
	
	

	
	
#carousel-example-generic .carousel-caption .title{font-size: 30px;max-height: 40px}	
	
#carousel-example-generic .carousel-caption .title2{font-size: 15px}
	
#carousel-example-generic .carousel-caption .text{font-size: 14px;max-height: 44px}
	
	
.carousel-control{top: 40% !important}	
	
.next-nav{width: 30px;height: 60px;background-size: 8px}

.previous-nav{width: 30px;height: 60px;background-size: 8px}
	
	
.inner-img1,.inner-img2{width: 50%;height: 200px}	
	
	
.docs-pictures > li{height: 150px}	
	
.products-inner .col-md-5{margin-bottom: 20px}
	
.products-inner .title2,.products-inner .article{text-align: center}
	
.products-inner .p-thumb img{height: 100px}
	
}






@media (max-width: 480px){
	

	.g-home .col-md-4 img{height: 100px}
	
	.footer .social ul a span{
	display: none
}
	

	
	#carousel-example-generic .carousel-caption .title{font-size: 20px;max-height: 30px}	
	
	.inner-img1,.inner-img2{width: 100%;height: 200px;margin: 0;margin-bottom: 10px}
	
	.service-inner{text-align: center}
	
	
	
	
	.grid figure {
		height: 150px;
		width: 100%
	}
	
	
	
	.docs-pictures > li{height: 130px;width: 50%}	
	
	.products-inner .zoom{height: 250px}
	
	.products-inner .p-thumb img{height: 50px}
	
}





@media (max-width: 320px){
	
	
}