/* CSS Document */

@media screen and (max-width:1140px){
	
	.main-menu > li {
		padding: 0 0 0 21px;
	}
	
	#banner h1 {
		font-size: 30px;
		line-height: 37px;
		padding: 385px 0 0 0;
	}
	
	#banner h1 span {
		display: block;
		font-size: 26px;
	}
	
	#banner .image2 {
		top: 240px;
		width: 580px;
	}
	
	.gallery figure {
		width: 100%;
		height: 100%;
	}
	
    .new-product .image {
        text-align: center !important;
        padding: 30px 0 0 0;
    }
    
}


@media screen and (min-width:992px){

	.products .boxes.col-5 .special {
		width: 20%;
	}

}

@media screen and (max-width:992px){
	
	#header .top li {
		padding: 0 14px;
		font-size: 12px;
	}
	
	.navbar-nav > li {
		padding: 0 0 0 14px;
	}
	
	#banner h1 {
		font-size: 38px;
	}
	
	#banner h1 span {
		font-size: 27px;
	}
	
	#banner h1 {
		padding: 125px 0 0;
		font-size: 32px;
		line-height: 37px;
	}
	
	#banner h1 span {
		font-size: 25px;
	}
	
	#banner .image1 {
		top: 219px;
		width: 198px;
	}
	
	#banner .image2 {
		top: 239px;
		width: 473px;
	}
	
	.about .image {
		padding-top: 27px;
	}
	
	.about .image img {
		width: 91%;
	}
	
	.about p {
		font-size: 13px;
		line-height: 19px;
		padding: 10px 0;
	}
	
	.section {
		padding: 70px 0;
	}
	
	.products .nav-tabs a {
		padding: 30px 40px;
		font-size: 13px;
	}
	
	.products .boxes .box {
		margin-bottom: 30px;
	}
	
	.modal figure img {
		margin: 0 auto;
		width: 70%;
	}
	
	.gallery figure {
		width: 100%;
		height: auto;
	}
	
	.gallery .special {
		margin-top: 16px;
	}
    
    .new-product h3 {
        font-size: 40px;
        line-height: 46px;
        padding-top: 30px;
    }
    
    .new-product .item {
        padding: 30px 0;
    }
	
}


@media screen and (max-width:768px){
	
	#header {
		height: auto;
	}
	
	#header h3 {
		top: -85px;
		right: 15px;
		font-size: 17px;
	}
	
	#header .top {
		height: auto;
		padding: 0 0 6px;
	}
	
	#header .top li {
		font-size: 12px;
		padding: 5px 0;
		height: auto;
		line-height: normal;
		text-align: center;
		width: 100%;
	}
	
	#header .top .icon {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	
	#header .navbar {
		min-height: 0;
		margin: 0 0 7px;
	}
	
	#header .navbar-toggle {
		top: -46px;
	}
	
	#main-menu {
		margin: 10px 0 0 0;
	}
	
	#main-menu li {
		padding: 5px 0;
	}
	
	#banner {
		height: 480px;
	}
	
	#banner h1 {
		font-size: 19px;
		line-height: 27px;
		padding: 155px 0 0;
	}
	
	#banner h1 span {
		font-size: 16px;
	}
	
	#banner .image1 {
		display: none;
	}
	
	#banner .image2 {
		right: 50%;
		margin: 0 -141px 0 0;
		top: 243px;
		width: 282px;
	}
	
	.section {
		padding: 40px 0;
	}
	
	.about h2 {
		font-size: 15px;
	}
	
	.about p {
		font-size: 12px;
		line-height: 17px;
		padding: 5px 0;
	}
	
	.about .image img {
		width: 100%;
	}
	
	.sep-info {
		padding: 20px 0;
	}
	
	.sep-info h2 {
		font-size: 26px;
	}
	
	.sep-info p {
		font-size: 20px;
		line-height: 25px;
		padding: 11px 0 0 0;
	}
	
	.products h2, .clients h2,
	.gallery h2, .contact h2 {
		font-size: 20px;
	}
	
	.section p.center {
		font-size: 14px;
	}
	
	.modal li,
	.modal table td {
		font-size: 11px;
	}
	
	.clients h2 span,
	.clients h2 span::after {
		border: none;
		background: none !important;
		font-size: 17px;
	}
	
	.clients ul {
		padding: 50px 0 0;
		text-align: center;
	}
	
	.gallery .special {
		width: 50%;
	}
	
	.contact p.center {
		color: #fff;
		padding: 35px 0 25px;
	}
	
	.contact form {
		margin: 20px 0 0;
	}
	
	.contact li {
		font-size: 13px;
		padding: 7px 0;
	}
	
	#footer {
		text-align: center;
		font-size: 12px;
	}
	
	#footer p.right {
		text-align: center;
		padding: 15px 0 0;
	}
	
	.products .nav-tabs a {
		font-size: 11px;
		padding: 30px 15px;
	}
    
    .new-product .image img {
        max-width: 100%;
    }
    
    .new-product h3 {
        font-size: 22px;
        line-height: 31px;
        padding-top: 30px;
        padding-bottom: 25px;
    }
    
    .new-product table th,
    .new-product table td {
        font-size: 12px;
        padding: 3px 5px;
    }
    
    .new-product table {
        width: 100%;
        display: block;
        overflow: auto;
    }
    
    #header h1.logo a {
        width: 133px;
        height: 32px;
        background-size: 133px 32px;
        margin: 15px 0 7px;
    }
    
    #header .navbar-toggle {
        top: -23px;
    }
    
    #header h3 {
        top: -47px;
        font-size: 13px;
    }
	
	
}


@media screen and (max-width:520px){
	
	.gallery .special {
		width: 100%;
	}
    
	#header .top .icon {
		top: -4px;
	}
	
	#contact {
		padding: 40px 0 60px;
	}
	
	.gallery .special {
		width: 50%;
	}
	
	.gallery figure img {
		height: 114px;
	}
	

	
}