



/* Portrait tablet to landscape and desktop */
@media (min-width: 1681px) and (max-width: 1920px) {
	.wide-background {padding-left:380px;padding-right:380px;margin-left:-380px;}
}

@media (min-width: 1441px) and (max-width: 1680px) {
	.wide-background {padding-left:260px;padding-right:260px;margin-left:-260px;}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.wide-background {padding-left:140px;padding-right:140px;margin-left:-140px;}
}

@media (max-width: 1200px) {
	/* = Global Wrap Style
-------------------------------------------------------------- */
	/* .wrapper { max-width:980px;} */
	.wide-background {padding-left:130px;padding-right:130px;margin-left:-130px;}

/* = Global Columns
-------------------------------------------------------------- */
	.span8 .columns-2 {width:48%;margin:0px 0.9% 10px;}
	.span8 .columns-4 {width:31%;margin:0px 0.9% 10px;}


}

@media (max-width: 1024px) {
	/* = Global Wrap Style
-------------------------------------------------------------- */
	/* .wrapper { max-width:980px;} */
	.wide-background {padding-left:130px;padding-right:130px;margin-left:-130px;}

/* = Global Columns
-------------------------------------------------------------- */
	.span8 .columns-2 {width:48%;margin:0px 0.9% 10px;}
	.span8 .columns-4 {width:31%;margin:0px 0.9% 10px;}
	.contact-details { width: 63%;}
	.kimmia-nav-menu li a {padding: 3px 3px 2px 3px; font-size: 14px;}
	.wel_heading {font-size:30px;}
	.wel_txt {font-size:15px;}
	.heading2 h5 {font-size:17px;}
	.wel_headingq {font-size:30px;}
	.quality_txt {font-size:15px;}
	.dd {font-size:13px;}
	.infralist li {font-size:15px;}
    .kimmia-nav-menu li ul {top:24px;}


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

/* = Global Wrap Style
-------------------------------------------------------------- */
	/* .wrapper { max-width:764px;} */

/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-2 ,
	.row-fluid .columns-3 {width:48%;margin:0px 0.9% 10px;}
	.row-fluid .columns-4 {width:31.2%;margin:0px 0.9% 10px;}

	.span8 .columns-2 ,
	.span8 .columns-3 ,
	.span8 .columns-4 {width: 48%;margin: 0px 0.9% 10px;}

/* = Page Element
-------------------------------------------------------------- */

	.entry-left-side.span2 {width:18%;}
	.entry-right-side.span10 {width:78%;}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color: #fff!important;}
	.contact-details {   width: 85%;}
	.kimmia-nav-menu li a {padding: 3px 0px 2px 0px;   font-size: 11px;}
	.wel_txt { font-size: 14px;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
/* = Global Wrap Style
-------------------------------------------------------------- */
	body {padding:0 !important;}
	.container {padding: 0 20px;}
	.wrapper, .boxed .wrapper {margin:0 auto !important;}
	.wide-background {padding-left:20px;padding-right:20px;margin-left:-20px;}

/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-4 ,
	.row-fluid .columns-3 ,
	.row-fluid .columns-2 {width:90%;margin:0px 4.5% 10px;}

/* = Page Element
-------------------------------------------------------------- */
	.site-header-content .header-logo {width:100%;text-align:center;margin-bottom:10px;}
	#kimmia-drop-nav {display:block;background: #0f62ac;}
	.header-menu, .header-lang {display:none;}
	.header-area-content {width:100%;}
	.site-header-content .header-tools { margin: 0 !important;width: 100%;}
	.header-search-form {float: none;text-align: center;}
	.header-search-form .sf-s , .header-search-form .sf-s:focus {width:100%;}
	.site-top-social {text-align: center;width: 100%;margin: 5px 0;}
	.site-content-header {margin: 0 !important;padding-top: 40px !important;}
	.site-content-slider.top {margin-top: 0 !important;}

	.site-footer-bottom {text-align: center;}
	.site-bottom-social {margin: 0 auto;float: none;}

}

/* Landscape phones and down */
@media (max-width: 480px) {

	/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-4 ,
	.row-fluid .columns-3 ,
	.row-fluid .columns-2 {width: 100%;margin: 0 0 10px;}

	.comment-list .children {padding:0px;}

	.contact-details {  width: 70%;float: none;margin: 0 auto;}
.contact {margin: 0 auto; padding: 0; width: 100%; float: none; text-align: left;}
.contact li {display:block;}
.links {margin: 10px 0 10px 0;width: 100%;float: right;}
.kimmia-social li {margin: 10px 0px 0 0;}
#kimmia-nav-menu-select .btn-navbar{background: #a7d044;}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus
{
    color: #fff!important;
    background-color: #a7d044!important;
    font-family:Poppins;}
 .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #a7d044!important;}
    .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff!important;}
    .wel_heading {font-size:20px;}
    .wel_txt { text-align: center; font-size: 14px; line-height: 24px; font-weight: normal;}
    #probg {background-image:none;}
    .vtxt{font-size:14px;}
    .heading2 h5 {font-size:17px;}
    .intxt {font-size:14px;}
    .proimg { width: 100%;  float: left;margin: 0 auto;}
.prodesc { width: 100%;  float: none;}
.wel_headingq {
    font-family: Poppins;
    font-size: 28px;
    padding: 10px 0px 10px 0;}
    .quality_txt {font-size:14px;padding:0;}
    .gap-top{margin:20px 0;}
    .infralist li {font-size: 14px; line-height: 24px;}
}
/* Landscape phones and down */
@media (max-width: 320px) {

	/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-4 ,
	.row-fluid .columns-3 ,
	.row-fluid .columns-2 {width: 100%;margin: 0 0 10px;}

	.comment-list .children {padding:0px;}
	#probg {background-image:none;}
	 .proimg { width: 100%;  float: left;margin: 0 auto;}
.prodesc { width: 100%;  float: none;}
.wel_headingq { font-size: 20px; }
    .gap-top{margin:20px 0;}
}
