/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* ==== Media Queries ===== */
@media (max-width:1280px) {

}

@media (max-width:1024px) {
	.main-menu ul li a{
		padding-right: 12px;
	}

}
@media (max-width:991px) {
	.main-menu ul li a {
		padding-right: 14px;
	}
}
@media (max-width:768px) {
	#nav-icon1{
		display: block;
		position: relative;
		z-index: 999;
	}
	.overflow{
	  	overflow: hidden;
	 	width: 100%;
	  	position: fixed !important;
	}
	.main-menu{
		display: none;
	}
	.main-menu ul li {
	    display: block;
	    text-align: center;
	    padding: 10%;
	}
 
	.main-menu ul {
	    margin: 6% auto;
	}

	.main-menu {
	    width: 100%;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    background: #080808d4;
	    height: 100vh;
	    z-index: 99;
	}
	.main-menu ul li a{
		color: #fff;
	}
	.main-menu-top{
	    top: 0%;
	    width: 100%;
	    left: 0;
	    padding: 25px 0px 0px;
	}
	.banner-ctn h2{
		font-size: 35px;
	}
	.welcome-left{
		width: 100%;
	}
	.welcome-right{
		width: 100%;
		padding: 2% 3% 1%;
	}
	.inner-ctn img {
	    width: 100%;
	}
	.section-title h2:after{
		left: 0%;
		bottom: -15%;
	}
	.main-menu ul li a{
		padding: 0px;
	}
	.sidebar-form .form-title{
		top: 0;
	}
	.sidebar-form{
		top: 40%;
	}
	.banner.slick-dotted.slick-slider{
		margin-bottom: 0px!important;
	}
	.main-menu ul{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}
	.main-menu ul li a{
		font-size: 26px;
	}
	.inner-ctn img{
		margin: 0 auto;
	}
	/*----------------------------chemical------------*/
	.product-page .container {
    padding: 0px;
    margin: 0;
}
span.filter-open.leftpull {
    left: 38.8%;
}
ul#vertical-tabs.nav.nav-tabs.wow.fadeInLeft.leftopen {
    left: -15px;
    width: 40%;
}
.srcoll-me{
	height: 500px;
	display: inline-block;
}
ul#vertical-tabs {
    width: 0%;
    /* display: none; */
    float: left;
    background: url(../images/vertical-tab-bg.png);
    background-size: cover;
    left: -35%;
    position: fixed;
    height: 100%;
    top: 0%;
    z-index: 99999;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    transition: 0.5s ease-in-out;
	}
	span#filter-close {
	    position: relative;
	    top: 0;
	    left: 0;
	    display: block!important;
	    text-align: right;
	    width: 41px;
	    float: right;
	    z-index: 9999;
	    background: #000;
	}
	#filter-open {
	    display: block;
	    z-index: 9999;
	    transition: 0.5s ease-in-out;
	 }
	 .product-page{
	 	min-height:auto;
	 }
	 .vertical-tab-content{
	 	width: 100%;
	 	margin: 15% auto;
	 }

	 /*-----------------------Pharama--------------*/

	 #filter-open-pharam{
	 	display: block;
	 	position: fixed;
	 	z-index: 9999;
	 }
	 span.filter-open-pharam.leftpull {
	     left: 38%;
	     transition: 0.5s ease-in-out;
	 }
	 .welcome-left .inner-ctn {
	     text-align: center;
	 }
	 .adresss .address-box:first-child{
		margin-bottom: 2%;
	 }
	 .contact-flexing{
	 	display: flex;
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	    justify-content: center;
	    align-items: center;
	 }
	 header#header{
	 	padding: 0%;
	 	position: relative;
	 	box-shadow: 0px 0px 5px 0px #000;
	 }
	 header#header.sticky {
	     position: fixed;
	 }
	#nav-icon1 {
	    right: -24px;
	}
.googlelanguage {
    position: absolute;
    top: -75px;
    right: -51%;
    width: 100%;
}
    .googlelanguage:after{
        display: none;
    }
    .goog-te-gadget .goog-te-combo {
    	padding-left: 0px;
    }
}

@media (max-width:767px){

	.googlelanguage {
	    top: -75px;
	    position: absolute;
	    right: 0;
	}

}


@media (max-width:600px){
	.footer-ctn p{
		text-align: center;
	}
/*	.main-menu ul{
		margin: 35% auto;
	}*/
	.main-menu ul li{
		padding: 8% 0%;
	}
	.main-menu ul li a{
		font-size: 34px;
	}
	.section-title h2{
		font-size: 42px;
	}
	.welcome-right{
		padding: 5% 3% 2%;
	}
	section.our-products.section-gap{
		padding: 45px 0px;
	}
	ul#vertical-tabs.nav.nav-tabs.wow.fadeInLeft.leftopen{
		width: 50%;
	}
	span.filter-open.leftpull{
		left: 47.5%;
	}
	span.filter-open-pharam.leftpull{
		left: 47.5%;
	}
	footer#footer{
		padding: 10px 0px;
	}
	.footer-ctn.wow.fadeInUp {
	    padding: 5px 0px;
	}
	.tagline{
		width: 100%;
	}
	.tagline h4{
		font-size: 16px;
	}
	.product-info ul li {
	    width: 100%;
	}
	.site-header h1{
		font-size: 30px;
	}
	.main-content p{
		padding: 0% 10%;
	}
}

@media (max-width:480px) {
	.section-title h2{
		font-size: 30px;
	}
	.inner-ctn img{
		margin: 0 auto;
	}
	.banner-ctn h2{
		font-size: 20px;
		line-height: 35px;
	}
	ul.social-icon.list-inline{
		text-align: center;
	}
	/*.main-menu ul{
		margin: 18% auto;
	}*/
	.main-menu ul li{
		padding: 5% 0%;
	}
	.sidebar-form{
		top: 27%;
	}
	section.section-gap {
	    padding: 25px 0px;
	}
	section.our-products.section-gap{
		padding: 30px 0px;
	}
	.welcome-right{
		padding: 5% 3% 2%;
	}
	ul#vertical-tabs.nav.nav-tabs.wow.fadeInLeft.leftopen{
		width: 55%;
	}
	span.filter-open.leftpull{
		left: 51.8%;
	}
	ul#vertical-tabs.nav.nav-tabs.wow.fadeInLeft.leftopen{
		width: 80%
	}
	.form-open {
	    width: 280px!important;
	    z-index: 999;
	}
	.tab-pane h4{
		padding-left: 7%;
	}
	.tab-pane ul li{
		width: 100%;
	}
}
@media (max-width:425px) {
	span.filter-open.leftpull{
		left: 56%;
	}
	span.filter-open-pharam.leftpull{
	 	left: 55.5%;
	 }
	 span.filter-open-pharam.leftpull{
	 	left: 56.5%;
	 }
	 .page-name h1{
	 	font-size: 33px;
	 }
}

@media (max-width:412px) {
	.main-menu ul li a{
		font-size: 24px;
	}
	/*.main-menu ul {
		margin: 35% auto;
	} */
	span.filter-open.leftpull{
		left: 56%;
	}
	span.filter-open-pharam.leftpull{
		left: 56.4%;
	}
}

@media (max-width:395px) {

	/*.main-menu ul{
		margin: 30% auto;
	}*/
	.section-title h2{
		font-size: 26px;
	}
	.section-title h2:after{
		left: 38%;
	} 
	span.filter-open.leftpull{
		left: 56%;
	}

}

@media (max-width:360px) {
	.banner-ctn h2 {
	    font-size: 15px;
	    line-height: 26px;
	}
	section.section-gap {
	    padding: 12% 0px;
	}

	.section-title h2{
		font-size: 24px;
	}
	.section-title h2:after{
		left: 35%;
	}
	span.filter-open-pharam.leftpull{
		left: 55.9%;
	}
	.main-content p{
		font-size: 12px;
	}
	.tab-pane h4{
		font-size: 20px;
		padding-bottom: 12%;
	}

}

@media (max-width:320px) {
    span.filter-open.leftpull{
    	left: 67%;
    }
    ul#vertical-tabs.nav.nav-tabs.wow.fadeInLeft.leftopen{
    	width: 72%;
    }
    span.filter-open-pharam.leftpull{
    	left: 67%;
    } 
    .page-name h1{
    	font-size: 28px;
    }
}