@charset "utf-8";
/* CSS Document */
/* CSS Document for Karmick Solutions */




@media screen and (max-width : 767px) {

.main {width: 100%; }
.container {width: 96%!important; margin:0 2%!important; }

header {height:auto; background:#fff; padding-bottom:0px; }

.logo{float:none; text-align:center; margin:0 auto; margin-left: 12%; }
.logo a{display:inline-block; background:url(../images/logo.png) no-repeat left top / 80%; }


nav {text-align:center; float:none; }
nav ul li {float:none!important; display:inline-block!important; font-size:12px; }
nav ul li + li {margin-left:0px!important; }

#slide1 {height:180px; z-index: 99; }
#slide1 .heading {font-size: 35px; margin-bottom: 50px; }
#slide1 .banner-text {font-size: 13px!important; line-height: 22px; padding: 0 5px; }
#slide1 a {margin: 25px auto auto; font-size: 13px; width: 195px; padding: 5px 0; }

#slide2 {margin-top: -80px; padding: 140px 0 50px; }
#slide2 h2 {font-size:24px; line-height: 32px; padding-bottom: 40px; }

a.readmore {margin:auto auto 40px auto; }

.about-col article {padding: 0; width: 100%; }


#slide3 .heading1 {font-size: 32px; margin-top: -110px; margin-bottom: 30px; }
#slide3 .dedicating-rate {float:none; }
#slide3 .text1 {float:none; width:100%; }

#slide3 .dedicating-rate .col1, #slide3 .dedicating-rate .col2, #slide3 .dedicating-rate .col3 {width:30%; font-size:18px; padding-left: 12px; text-align:center; }
#slide3 .dedicating-rate .col2 {left: 96px; }
#slide3 .dedicating-rate .col3{left: 200px; }
#slide3 .dedicating-rate .col1 span, #slide3 .dedicating-rate .col2 span, #slide3 .dedicating-rate .col3 span {font-size:12px; }

#slide3 .text1 {font-size:12px; padding-top:110px; text-align:center; line-height:18px; }

#slide4 {height:auto; margin-bottom:0px!important; }
#slide4 .heading {font-size: 26px; line-height: 30px; }
.splitter ul li a {margin-bottom:5px; }

#slide6 h2 {font-size:26px; margin-bottom:20px; }
#banner-slide {margin:0px!important; }
.bjqs-wrapper {width:100%!important; height:auto; }

.anim_area {padding:0px; }

.anim_area .rightpart {width:100%; padding:0px; }
.anim_area2 {padding:0px; }
.anim_area .leftpart2 {position:relative; float: none; margin: 0 auto; padding:0px; right:0; }
.anim_area .rightpart2 {position:relative; float:none; margin:0 auto; padding:0px; left:0; width:100%; text-align:center; }

.anim_area2 .leftpart2 {position:relative; float: none; margin: 0 auto; padding:0px; left:0; }
.anim_area2 .rightpart2 {position:relative; float:none; margin:0 auto; padding:0px; right:0; width:100%; text-align:center; }

#slide7 .tweet-feed ul {padding:0px; }
#slide8 h2 {font-size:26px; line-height:28px; }
#slide8 .addr-text {font-size: 16px; line-height: 22px; }

#slide8 .mail-area {width:100%; background:none; text-align:center; border-top:1px solid #ccc; height:auto; }
#slide8 .mail-area .mail-text {float:none; }
#slide8 .mail-area .mail-text figure {float:none; margin-right:0px; height: 31px; }
#slide8 .mail-area .mail-text + .mail-text {margin:0px; }

#slide8 .contact-form {padding:0 0 38px; }
#slide8 .contact-form input[type="text"], #slide8 .contact-form input[type="email"] {width:98%; }
#slide8 .contact-form input[type="text"], #slide8 .contact-form input[type="email"] {margin:0 0 8px; }
#slide8 .contact-form textarea {margin-top:1px; float:none; width:98%; }

footer {height:auto; line-height:normal; text-align:center; padding-top:7px; }
small.copyright {float:none; }
.social-media {float:none; margin-left:30%; }

.splitter {padding:0px; }

.image-grid li {display:block!important; margin:0 2% 10px!important; }
.scrollup {display:none!important; }

.image-grid li img, .image-grid li strong {display:inline-block!important; }


.innerpage_head{padding:10px 0; margin:124px auto 20px auto; text-align:center;}
.innerpage_head h2{font-size:20px; line-height:26px;}
.inner_container{text-align:center;}

.innerleft{float:none; width:100%;}
.innerright{float:none; width:100%;}
.innerright ul li{text-align:left !important;}
.captcha-group, .button-submit{ float:none; width:100%;clear:both;}
.captchatextbox{ width:44%}
.button-submit{ text-align:right}
.about-karmick {
    margin: 123px 0 0 0;
}
}

@media screen and (max-width : 767px) {
	.toggleMenu {width: 100%;}
	.service-section{margin: 0px 0 0 0;}
	.section-heading {font-size: 30px; margin-bottom: 5px;}
	.section-anchor {font-size: 16px;}
	.section-column{width: 90%; padding: 0 5%; margin:0;}
	.section-column img {display: block; margin: 0 auto;}
	.section-title{margin: 15px 0;}
	.section-desc{height: auto;}
	.section-column .more {margin: 15px 0 30px 0;}
	.section-column.last-col .more {margin-bottom:0;} 
	.dotted-border {margin-bottom: 0;}
	.section-anchor2{font-size: 18px; line-height: 1; margin: 16px 0 20px 0;}
	.aboutus-section .section-container .section-heading {margin-bottom: 25px;}
	.aboutus-section-column {width: 90%; padding: 0 5%; margin:0 0 20px 0; border: none;}
	.aboutus-section-column.last-column {width: 90%; padding: 0 5%;}
	.section-container .about-us-more {margin-top:0;}
	.contact-section-column-left{width: 100%; margin:20px 0; text-align: center;}
	.contact-section-column-right{width: 100%; text-align: center; margin: 0 0 20px 0;}
	.contactus-section .mail-area {background: none; height: auto; margin: 0;}
	.contactus-section .mail-area .mail-text {display: block; clear: both; margin: 0 0 0 20px; font-size: 12px; padding:0px 0 0 28px}
	#offc-num{background-size: 20px 20px;}
	#email{background-size: 20px 20px;}
	#mob{background-size: 20px 20px;}
	.contactus-section .contact-form {margin-top: 20px; width: 100%;}
	.contactus-section .contact-form input[type="text"], .contactus-section .contact-form input[type="email"] {
		display: block;
		width: 100%;
		box-sizing: border-box;
		clear: both;
		margin: 0 0 5px 0;
	}
	.contactus-section .contact-form textarea {margin: 0; height: 100px;}
	.copyright {text-align: center; padding-top: 3px;}
	nav {margin-top: 0;}
	footer {padding: 7px 0 14px 0;}
	.nav-buttlet-container{margin-top:20px;}
	.slider-container .slider-nav{left: 0; width: 100%;}
	#right-nav {float: right; margin: 0;}
	.slider-item .slider-item-img{display: none;}
	
	.slider-container, .portfolion-section, .testimonial-section{display: none;}
}