@media (min-width: 2000px) {
    
}

@media (min-width: 1920px) and (max-width: 2134px)  {
    
}

@media (min-width: 1450px) and  (max-width: 1919px){
   
}

@media (min-width: 1200px){
	.header-left{
		width: 327px;
    	margin-left: -31px;
	}
}

@media (min-width: 992px) and (max-width:1199px){
	.header-left{
		width: 327px;
    	margin-left: -31px;
	}

	a.navbar-brand img{
		max-width: 115px;
	}

	.product-box{
		height: 283px;
	}

	.copyright p{
		font-size: 13px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}
}

@media (min-width: 768px) and (max-width:991px){
	.header-left{
		width: 327px;
    	margin-left: -31px;
	}

	a.navbar-brand img{
		max-width: 115px;
	}

	.product-box{
		height: 320px;
	}

	.copyright p{
		font-size: 13px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-image{
		display: none;
	}

	#home-about{
		padding-bottom: 35px !important;
	}

	#home-about{
		padding-top: 17px !important;
	}

	.about-content{
		text-align: center;
	}

	.about-content h1:before{
		transform: translate(198%);
	}

	.about-content h1:after{
		transform: translate(315%);
	}

	.featured-content{
		text-align: center;
		margin-top: 15px;
	}

	.icon-box{
		text-align: center;
	}
	br.mobile{
	    display: block;
	}

	.widget-area .widget {
	    padding: 25px 0 7px;
	}

	.contact-title h3:after{
		top: 60px;
	}

	.contact-title h3{
		font-size: 34px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-content h1{
		font-size: 34px;
	}

	.mission-content h1{
		font-size: 34px;
	}

	.mid-title h1{
		font-size: 34px;
	}
}

@media (min-width: 481px) and (max-width:767px){
	.top-header{
		display: none;
	}

	a.navbar-brand img{
		max-width: 100px;
	}

	.navbar-toggle {
    	background: #337ab7;
    	border: 1px solid #6b5d52;
    
	}

	.navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-collapse.collapse {
	    position: absolute;
	    z-index: 9;
	    right: 20px;
	    background: #646464;
	    color: #fff;
	    top: 44px;
	}

	.navbar-collapse.collapsing{
	   	position: absolute !important;
	    z-index: 9;
	    right: 20px;
	    background: #646464;
	    top: 44px;
	}

	ul.nav.navbar-nav.navbar-right li a{
		color: #fff;
	}

	ul.nav.navbar-nav.navbar-right{
		padding: 0;
	}

	.product-box{
		height: unset;
	}

	.copyright p{
		font-size: 13px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-image{
		display: none;
	}

	#home-about{
		padding-bottom: 35px !important;
	}

	#home-about{
		padding-top: 17px !important;
	}

	.about-content{
		text-align: center;
	}

	.about-content h1:before{
		transform: translate(198%);
	}

	.about-content h1:after{
		transform: translate(315%);
	}

	.featured-content{
		text-align: center;
		margin-top: 15px;
	}

	.icon-box{
		text-align: center;
	}
	br.mobile{
	    display: block;
	}

	.widget-area .widget {
	    padding: 25px 0 7px;
	}

	.contact-title h3:after{
		top: 60px;
	}

	.contact-title h3{
		font-size: 34px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-content h1{
		font-size: 34px;
	}

	.mission-content h1{
		font-size: 34px;
	}

	.mid-title h1{
		font-size: 34px;
	}

	.banner .main-slider .slick-slide .bg-image{
		height: 44vh;
		background-size: contain;
	    background-repeat: no-repeat;
	}

	.slick-next {
    	display: none !important;
	}

	.slick-prev{
		display: none !important;
	}

	.mid-footer{
		text-align: center;
	}

	.footer-bottom{
		text-align: center;
	}
	.copyright{
		text-align: center !important;
	}
}

@media (max-width: 480px){
	.top-header{
		display: none;
	}

	a.navbar-brand img{
		max-width: 100px;
	}

	.navbar-toggle {
    	background: #337ab7;
    	border: 1px solid #6b5d52;
    
	}

	.navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-collapse.collapse {
	    position: absolute;
	    z-index: 9;
	    right: 20px;
	    background: #646464;
	    color: #fff;
	    top: 44px;
	}

	.navbar-collapse.collapsing{
	   	position: absolute !important;
	    z-index: 9;
	    right: 20px;
	    background: #646464;
	    top: 44px;
	}

	ul.nav.navbar-nav.navbar-right li a{
		color: #fff;
	}

	ul.nav.navbar-nav.navbar-right{
		padding: 0;
	}

	.product-box{
		height: 213px;
	}

	.pr-caption{
		padding: 25px 4px;
	}

	.copyright p{
		font-size: 13px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-image{
		display: none;
	}

	#home-about{
		padding-bottom: 35px !important;
	}

	#home-about{
		padding-top: 17px !important;
	}

	.about-content{
		text-align: center;
	}

	.about-content h1:before{
		transform: translate(133%);
	}

	.about-content h1:after{
		transform: translate(238%);
	}

	.featured-content{
		text-align: center;
		margin-top: 15px;
	}

	.icon-box{
		text-align: center;
	}
	br.mobile{
	    display: block;
	}

	.widget-area .widget {
	    padding: 25px 0 7px;
	}

	.contact-title h3:after{
		top: 60px;
	}

	.contact-title h3{
		font-size: 34px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-content h1{
		font-size: 34px;
	}

	.mission-content h1{
		font-size: 34px;
	}

	.mid-title h1{
		font-size: 34px;
	}

	.banner .main-slider .slick-slide .bg-image{
		height: 44vh;
		background-size: contain;
	    background-repeat: no-repeat;
	}

	.slick-next {
    	display: none !important;
	}

	.slick-prev{
		display: none !important;
	}

	.mid-footer{
		text-align: center;
	}

	.footer-bottom{
		text-align: center;
	}
	.copyright{
		text-align: center !important;
	}

	.contact-page-wrapper{
		height: 155px;
	    background-position: center center; 
	    background-size: contain;
	}

	.contact-page-wrapper .wrapper_text{
		bottom: 36px;
	}

	.contact_page_form .contact-social-icon .social-icon-links{
		margin-left: 98px;
	}

	.product-page-wrapper{
		height: 155px;
	    background-position: center center; 
	    background-size: contain;
	}

	.product-page-wrapper .wrapper_text{
		bottom: 36px;
	}

	.contact_page_form .contact-social-icon .social-icon-links{
		margin-left: 98px;
	}

	.product-title{
		text-align: center;
	}

	.product-link{
		text-align: center;
	}
}

@media (min-width: 321px) and (max-width:479px){

	.about-content h1 {
	    font-size: 30px;
	}
	.about-content h1:before{
		transform: translate(96%);
	}

	.about-content h1:after{
		transform: translate(156%);
	}

	.banner .main-slider .slick-slide .bg-image{
		height: 35vh;
		background-size: contain;
	    background-repeat: no-repeat;
	}

	.slick-next {
    	display: none !important;
	}

	.slick-prev{
		display: none !important;
	}

	.mid-footer{
		text-align: center;
	}

	.footer-bottom{
		text-align: center;
	}
	.copyright{
		text-align: center !important;
	}

	.contact-page-wrapper{
		height: 125px;
	    background-position: center center; 
	    background-size: contain;
	}

	.contact-page-wrapper .wrapper_text{
		bottom: 40px;
	}

	.contact-page-wrapper .wrapper_text .wrapper-content .wrapper-content-inner h1{
		/*font-size: 18px;*/
		display: none;
	}

	.contact-page-wrapper .wrapper_text .wrapper-content .wrapper-content-inner .wrapper_sub_titles{
		font-size: 11px;
		padding: 4px;
	}

	.contact_page_form .contact-social-icon .social-icon-links{
		margin-left: 98px;
	}

	.contact_page_form .contact-info h4{
		font-size: 26px;
	}

	.product-page-wrapper{
		height: 125px;
	    background-position: center center; 
	    background-size: contain;
	}

	.product-page-wrapper .wrapper_text{
		bottom: 40px;
	}

	.product-page-wrapper .wrapper_text .wrapper-content .wrapper-content-inner h1{
		/*font-size: 18px;*/
		display: none;
	}

	.product-page-wrapper .wrapper_text .wrapper-content .wrapper-content-inner .wrapper_sub_titles{
		font-size: 11px;
		padding: 4px;
	}

	

	
	.contact_page_form .contact-social-icon .social-icon-links{
		margin-left: 98px;
	}

	.contact-title h3{
		font-size: 30px;
	}

	.banner-contact{
		text-align: center;
		float: none;
	}

	.about-content h1{
		font-size: 30px;
	}

	.mission-content h1{
		font-size: 28px;
	}

	.mid-title h1{
		font-size: 28px;
	}

	.mission-content p{
		font-size: 15px;
	}

	.product-box{
		height: 173px;
	}

	.pr-caption{
		padding: 25px 4px;
	}

	.pr-caption h3{
		font-size: 14px;
	}

	#home-products{
		padding-bottom: 16px !important;
	}

	#home-products{
		padding-top: 23px !important;
	}

	.product-title{
		text-align: center;
	}

	.product-link{
		text-align: center;
	}
}