@media only screen and (max-width: 1199px) {	
	.mail ul li{ padding-right: 13px; font-size: 12px;}
	.nav > li {margin: 0 25px 0 0; font-size: 13px;}
	.footer-b{padding-right: 20px;}
	.our {padding-left: 90px; padding-top: 16px;}
	.kraft-about-txt{padding-left: 30px;}
}

@media only screen and (max-width: 991px) {
	.hero-slide-content{margin-top: 15px;}
	.nivo-directionNav{bottom: 35px;}
	.nivo-controlNav{bottom: 35px;}
	.hero-slide-content h2{font-size: 21px; padding-bottom: 7px;}
	.nav > li { margin: 0 8px 0 0; font-size: 12px;}
	.navbar-default .navbar-nav > li > a {font-weight: 400;}
	.phn{ padding-top: 10px;}
	.phn .serving{ display: none;}
	.logo img {    width: 70%;}
	.mail { float: right;}
	.navbar{margin-top: 15px;margin-bottom: 0;}
	.about p{width: 80%;}
	.products h2{font-size: 26px;}
	.about h2 {	font-size: 26px;}
	.tg-socialicons{padding-top: 12px;padding-bottom: 15px;}
	.tg-socialicons li a{height: 30px; width: 30px;}
	.tg-socialicons li a i{height: 30px; width: 30px;}
	.explore-txt h2{font-size: 40px;}
	.explore-txt {margin-left: -60px;}
	.our{ padding-bottom: 10px;}
	.our-box .txt p{font-size: 13px;}
	.header{ top: 30px;}
	.form1{padding-left: 0;}
	.single-address-info{width: 78%;}
	.single-address-icon {width: 16%;}
	.connect-us h2 {  font-size: 25px; margin-bottom: 20px;}
	.form1 h2{ font-size: 28px; margin-bottom: 17px;}
	.banner{padding: 100px 0;}
	
	.kraft-about-txt{float: left;margin-left: 0;margin-top:0;padding-bottom: 15px;padding-top: 30px;}
	.kraft-about-img img{max-width: 100%;}
	.kraft-padd-tp { padding: 30px 0;}
	.kraft-al{margin-right: 0;}
	.kraft-about-img{margin: 20px 0;}
	.tg-postbook{ margin-bottom: 10px;}
	.tg-postbook {  margin-bottom: 20px; border-bottom: 1px solid #eee;  padding-bottom: 20px;}
}

@media only screen and (max-width: 767px) {
	.hero-slide-content {  margin-top: 0;}
	.nivo-directionNav { bottom: 25px; left: 30px;}
	.nivo-controlNav { bottom: 25px; right: 50px;}
	.header{position: static; top: 0;}
	.phn{display: none;}
	.logo img{width: auto;}
	.logo{margin-left: 0;}
	.no { overflow: inherit;}
	/*.navbar{display: none;}*/
	#wrapper{ display: block;}
	.toggled .close{display: block;}
	.logo{ padding: 20px 0;}
	.hamburger{top: 33px;}
	.about p{width: 100%;}
	.products h2{font-size: 22px;}
	.about h2 {	font-size: 22px;}
	.about{padding: 30px 0;}
	.products{padding: 30px 0;}
	.footer{padding: 10px 0;}
.footer-b { padding-right: 0; padding-bottom: 25px;padding-top: 25px; border-bottom: 1px solid #4d4d4d;}
	.footer-b:after{display: none;}
	.footer-none{ border-bottom: none !important;}
	.half-right{border-bottom: 1px solid #ddd;padding: 20px 0;}	
	.explore-txt { margin-left: 0;transform: skew(0deg);}
	.explore-our{transform: skew(0deg);height: auto; padding:15px 0;}
	.explore-our::before{left: -500%;}
	.our{padding-left: 0; padding-top: 20px;padding-bottom: 20px;}
	.our-box{border-bottom: 1px solid #ddd;padding-top: 25px;}
	.pd-tp{padding-top: 25px;}
	.connect-us{padding: 0 0 20px;border-bottom: 1px solid #a8a8a8;}
	.form1{padding-top: 20px;}
	.get_in_touch_row{margin: 30px 0;}
	.kraft-about-txt h2{font-size: 25px;}
	.pro h2{font-size: 26px;}
	.pro{padding: 30px 0;}
	.our-box .txt p{padding-right: 0;}
	.our{text-align: center;}
	.our-box .img{float: none; display: inline-block;}
	.our-box .txt .btn{float: none; display: inline-block;}
	.pop-img {width:100%; text-align: center;}
	.pop-img img{width: auto;}
	.pop-txt{width:100%;}
	.modal-dialog{width:90%;}
	
	.dis-none{ display:none;}
 .dl-menuwrapper{ max-width: inherit !important; z-index:999;}
 .dl-menuwrapper button{ float:right;}
  .dl-menuwrapper .dl-menu{ top:65px;}
	.dis-blk { display: block; position: absolute !important;  top: -70px;    right: 0;}
	.navbar { position: static; margin-top:-1px;}
	.navbar-nav {  display: none;}	
	.header-top{padding-right: 10px; padding-left: 10px;}
	div#social-sidebar {  display: block !important;}
	
	
}

@media only screen and (max-width: 600px) {
	.nivo-caption{padding-top: 0;}
	.hero-slide-content { margin-top: -50px;}
	.banner{padding: 70px 0;}
	.page_head h2{font-size: 26px;}
	.page_head h2::after{height: 23px;}
}

@media only screen and (max-width: 480px) {
	.btn.slider-btn{padding: 5px 14px;}
	.hero-slide-content h2 { font-size: 17px; padding-bottom: 3px;}
	.hero-slide-content .button-group{margin-top: 10px;}
	.nivo-directionNav {bottom: 10px; left: 0px;}
	.nivo-controlNav {bottom: 10px; right: 10px;}
	.nivo-controlNav a.active {height: 35px;}	
	.nivo-controlNav a{ height: 20px;}
	.nivo-directionNav::before{top: 1px;font-size: 25px;}
	.nivo-directionNav a i{font-size: 25px !important;}
	.logo img { width:110px;}
	.logo{text-align: left;}
	.hamburger { top: 25px;}
	.products h2{font-size:18px;}
	.about h2 {	font-size:18px;}
	.about{padding:25px 0;}
	.products{padding:25px 0;}
	.connect-us h2 {  font-size: 22px; margin-bottom:15px;}
	.form1 h2{ font-size: 25px; margin-bottom: 15px;}
	.banner{padding:60px 0;}
	.page_head h2{font-size: 20px;}
	.page_head h2::after{height: 16px;}
	p{font-size: 14px;}
	.pop-txt ul li{font-size: 14px;}
	.kraft-about-txt { padding-left: 15px; padding-right: 15px; padding-top: 20px;}
	.kraft-about-txt h2{font-size: 21px;}
	.kraft-about-txt h2:after{ width: 50px;}
	.pro h2{font-size: 22px;}
	.close1{top: 0;right: 0;}
	.pop-img img{width: 100%;}
	.dis-blk{top: -63px;}
	.tg-postbook{ margin-bottom: 20px;}
	.brochure{padding: 15px 80px !important;}
	
}

@media only screen and (max-width: 400px) {
		
}

@media only screen and (max-width: 360px) {
	.hero-slide-content h2 { font-size: 13px;}
	.hero-slide-content .button-group{margin-top:7px;}
	.hero-slide-content { margin-top: -25px;}
	.kraft-about-txt h2{font-size:18px;}
	.kraft-about-txt h2:after{ width:40px;}	
	.smart-down a{padding-left: 10px; padding-right:10px;}
	
	.smart-down h3{font-size: 18px;}
}
