/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (max-width : 1600px) {
	.sidebar {    	
   	 	margin-left: 2%;
   	}

}
@media only screen and (max-width: 1200px) {
    .products .box {
    	height: 340px;
	}
	.service .box-div {
    	padding: 60px 60px 150px 40px;
	}
	.navbar {
    	padding: .5rem 1rem;
	}
	.navbar-nav {
    	right: 30px;
   	}
   	.nav-link {
    	padding-right: 1.2rem!important;
    	padding-left: 1.2rem!important;
	}
	ul.socials {
    	right: 50px;
	}
}
@media only screen and (max-width: 980px) {
	.carousel-caption h1 {
		font-size: 4rem;
	}
	.service .box-div {
    	padding: 60px 230px 100px 80px;
	}
	.navbar-toggler{
		margin-top: 35px;
    	margin-right: 45px;
	}
	.navbar-nav{
		position: initial;
	}
	.product-header h2 {
		font-size: 3rem;
   	}
   	.product-header p {    	
    	margin-top: 50px;
    }
    .left-img{
    	height: 250px;
    }
    .sec-pad.product-header{
    	padding: 20px 20px;
    }
    .right-img{
		height: 250px;
	}
}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 768px) {
	.socials{
		display: none;
	}
	.contact-box .socials{
		display: block;
	}
	.navbar-brand img{
		max-width: 100px;
	}
	.title p {
	    font-size: 20px;
	    margin-bottom: 0px;
	}
	.title h2 {
    	font-size: 2.5rem;
	}
	p {
    	font-size: 18px;
    	line-height: 32px;
	}
	.about img{
		margin-bottom: 30px;
	}
	.carousel-caption p{
		font-size: 24px;
		margin-bottom: 0px;
	}
	.carousel-caption h1 {
		font-size: 3rem;
	}
	.products .spe-padding {
    	padding: 0px 15px; 
	}
	.products .box h2 {
    	font-size: 1.8rem;
    }
    .service .box-div h2 {    	
    	font-size: 2.5rem;
    }
    .service .box-div p {
    	font-size: 20px;
   	}
   	.navbar-toggler{
		margin-top: 0px;
    	margin-right: 45px;
	}
	.my-box{
		display: block;
	}
	.main {  		
  		display: block;
  		width: 100%
	}
	.sidebar {
	 	width: 100%;
    	display: block;
    	margin: auto;
	}
	.product-header h2 {
		font-size: 2.5rem;
   	}
   	.product-header p {
    	font-size: 20px;
    	margin-top: 50px;
    }
    .left-img{
    	height: 200px;
    }
    .sec-pad.product-header{
    	padding: 20px 20px;
    }
    .right-img{
		height: 200px;
	}
}


@media only screen and (min-width: 768px) {
   
}
@media only screen and (max-width: 640px) {
  
}
    

@media only screen and (max-width: 590px) {
	.service .box-div img{
		display: none;
	}
	.service .box-div {
    	padding: 60px 60px 60px 60px;	
	}
	.service .more-detail {
    	margin-top: 60px;
	}
	.products .box {
		max-width: 260px;
    	margin: auto;
    	margin-bottom: 60px;
   	}
	.carousel-caption{
		display: none;
	}
	.sidebar {
	 	width: 90%;
	}
	.right-img{
		display: none;
	}
}
@media only screen and (max-width: 510px) {
}
@media only screen and (max-width: 480px) {
  
}
@media only screen and (max-width: 400px) {
}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 321px){

}