@media (max-width: 1024px) {
	.top-rated-filter .proimg .img-box {
	float: none;
}

	.application-total {
	background-image: none;
}
	.browse-filter .has-side-background {
	padding-bottom: 0;
}
	.call-to-action.page-margin-top	{
	width: 320px;
}
	.col-md-4.pull-left.single-sidebar-wrapper, .col-md-8.pull-right.has-side-background{width: 100%;}
	footer .row .col-md-3, footer .row .col-md-4, footer .row .col-md-5 {
	width: 100%;
}
.social-links {
	margin-bottom: 30px;
}
	.row .col-md-4 {
	width: 50%;
	float: left;
}
	.filters-container {
		padding: 0 15px;
	}
	.top-rated-filter .proimg .img-box, 
	.top-rated-filter .proimg .content-box {
		display: block;
		vertical-align: top;
	}

	.top-rated-filter .proimg .content-box {padding: 0;}
	.top-rated-filter .proimg .inner-box .inner-meta {margin: 0 -30px;position: static;}
	.technology-total {padding-bottom: 50px;}
	.technology-total .full-image,
	.technology-total .custom-pager {display: none;}
	.application-total .app-post {float: left;width: 50%;padding: 0 15px;}
	.browse-filter.top-rated-filter .proimg .img-box {width: 100%;}
	.browse-filter.top-rated-filter .proimg .img-box img {height: auto;}
	.single-editor .img-box, .single-editor .content-box {display: block;}
	.single-editor .img-box {width: 100%;}
	.single-editor .img-box img {width: 100%;}
	.single-editor .content-box .social {margin-left: -30px;margin-right: -20px;position: static;}
	.faq-form input {width: 77%;}
	.filter-user-account .request-filters .input-box {width: 100%;padding: 0;}
	.filter-user-account .author-box .content-box ul li i {border-right: 1px solid #73bc11; color: #73bc11; font-size: 13.52px; padding-left: 4px; padding-right: 6px; }
	.all-page .app-post img {width: 100%;}
	.footer-widget {position: relative;z-index: 99;}
	.footer-img img {display: none;}
}	

@media (max-width: 768px) {
div#comm100-container { display: none; }
	.inner-banner {
    padding: 20px 0;}
	.footer-contact { display: block !important; }
.bottom-bar {
	margin-bottom: 40px;
}

	.inner-banner .papetit {
  font-size: 24px;
}
	#contactform label {
text-align: left;
width: 100%;}
#contactform input.text {
width: 100%;}
#contactform textarea {
width: 100%;}
#imgcode {
margin-right: 0 !important;
}
	#header .header-info {
		padding-left: 2%;
	}
	.call-to-action .call-to-action-text {
		border: none;
	}
	.faq-section [class^='col-'],
	.faq-section [class*='col-'] {
		padding-bottom: 50px;
	}
	.faq-section .accrodion {
		padding-right: 0;
	}
	.faq-section .view-location {
		text-align: center;
		width: 80%;
		margin: auto;
	}	
	.request-qoute [class^='col-'],
	.request-qoute [class*='col-'] {
		padding-bottom: 50px;
	}
	.single-team-member {
		margin-bottom: 30px;
	}
	.img-cap-effect .img-box img {
		width: 100%;
	}
	.single-fact-counter .icon-box, .single-fact-counter .text-box {
	  display: table-cell;
	  padding: 0;
	  text-align: left;
	}
	.single-fact-counter {
		margin-bottom: 30px;
	}
	.single-fact-counter .text-box {
		padding-left: 30px;
	}
	.app-post {
		margin-bottom: 30px;
	}
	.footer-widget {
		margin-bottom: 30px;
	}
	.footer-widget .pl-30 {
		padding-left: 0;
	}

	.gallery-filter li span {
		font-size: 12px;
    	padding: 1px 18px;
	}
	.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {
		width: 50%;
	}
	.application-total .app-post {float: none;width: 100%;padding: 0;}
	.application-total .promotion {
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
	.top-rated-filter .proimg .img-box {height: auto;}
	.all-page .pull-right.has-side-background {padding-right: 15px;}
}
@media (max-width: 650px) {
.hide1 {display: none;}
	.pro-total.sec-padding .filters-container .row .col-md-4 {
	width: 98%;
}
	.application1 span {
	width: 96%;
}
.col-md-8.pull-right.has-side-background .col-md-4 {

	width: 98%;

}
	table td, table th {
	font-size: 8px;
	padding: 0px;
}
	.row .col-md-4 {
    width: 100%;
}
	.filters-container .nav-holder {
    width: 25%;}
	#top-bar .social,
	#top-bar .top-contact-info {float: none !important;text-align: center;}
	.tp-caption {
		display: none !important;
	}
	#header .logo {
	width: 70%;
}
}
@media (max-width: 480px) {
	.col-md-8.pull-right.has-side-background .right{
	height: auto;
	width: 100%;
}
	 .imgl, .imgr, .img-box .img-one, .img-box .img-two, .img-box .img-three {width:98%;}
	#contactform label {
text-align: left !important; width:100% !important; }
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text {width:inherit !important;}
	#contactform textarea {width:inherit !important;}
	#request #req #reql {margin-left:0 !important; width:0 !important; margin-right:0 !important;}
	#request #req #reqr {border-left-width: 0 !important;padding-left: 0 !important;margin-left:0 !important;}
	.call-to-action.page-margin-top	{
	width:100%;
}
.sec-title h1 {
	font-size: 18px;
	line-height: 24px;
}
	.header-info .info-box {
		display: block;
		padding: 10px 25%;
	}
	.header-info .info-box.search-box-wrapper {
		display: none;
	}
	.header-info .info-box:first-child {
		text-align: center;
	}
	.header-info .info-box .icon-box i {
		border-left: 0;
		padding-left: 0;
	}
	#header {
		padding-bottom: 0;
	}
	.filters-banner-wrapper .tp-caption {
		display: none !important;
	}
	.welcome-text .title-box {
		display: block;
		border-right: 0;
		border-bottom: 4px solid #12a0b1;
		margin-bottom: 15px;
		padding-bottom: 15px;
		text-align: center;		
	}
	.welcome-text .text-box {
		padding-left: 0;
	}
	.accrodion .accrodion-content .img-caption .img-box, .accrodion .accrodion-content .img-caption .content-box {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.accrodion .accrodion-content .img-caption .content-box {
		margin-top: 20px;
	}
	.single-fact-counter {
	  padding:  0 25%;
	}
	.app-post .img-box, .app-post .content-box {
		display: block;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.app-post .content-box {
		margin-top: 30px;
	}
	.footer-top {
		background: #1FB5C7;
	}
	.footer-top form input {
		width: 43%;
	}
	.bottom-bar .pull-left,
	.bottom-bar .pull-right {
		float: none !important;
		width: 100%;
		text-align: center;
	}
	.about-info-box .img-cap-effect {
		margin-bottom: 60px;
	}
	
	.single-client-box .icon-box, .single-client-box .content {
		display: block;
		margin-left: auto;
		margin-right: auto;		
	}
	.career-page .caption-box .content-box, .career-page .caption-box .img-box {
		display: block;
		width: 100%;
		padding: 0;		
	}
	.career-page .accrodion .accrodion-title h4 {
		padding-right: 30px;
	}
	.request-qoute {
		background-image: none;
	}
	.single-service-page .image-caption-box .text-box, .single-post-page .image-caption-box .text-box  {
		display: block;
		width: 100%;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {
		width: 100%;
	}
	.faq-form input {
		width: 63%;
	}
	.faq-page .accrodion .accrodion-title h4 {
	  line-height: 31px;
	  padding-right: 28px;
	}
	.all-page .app-post .meta-info .content-box .post-links li {
		display: block;
	}
	.application-total .app-post .img-box, .application-total .app-post .content-box {
		display: block;
		width: 100%;
	}
	.application-total .app-post .content-box {margin-top: 0;}
	.application-total .promotion {margin-top: 30px;}
	.single-filter-page-content .content-box-wrapper {padding-left: 0;}
	.single-filter-page-content .nutrition-box .progress {display: none;}
	.browse-filter .has-side-background {width: 100%;}
	.plupload_wrapper {min-width: 100%;}
	.contact-form button {float: none !important;}
}
@media (max-width: 375px) {
	#header .logo {width: 75%;}	
}
@media (max-width: 320px) {
	.main-menu-wrapper .free-qoute-button a {
	  font-size: 14px;
	  padding: 18px 18px 18px 5px;
	}
	.header-info .info-box {
	  display: block;
	  padding: 10px 0;
	  text-align: center;
	}
	.header-info .info-box .icon-box, .header-info .info-box .text-box {
		display: inline-block;
		text-align: left;
	}
	#header {
		padding-bottom: 40px;
	}
	.footer-top form input {
		width: 100%;
	}
	.welcome-single-services .img-box, .welcome-single-services .text-box {
		display: block;
		padding: 0;
		width: 100%;
	}
	.welcome-single-services .text-box {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.welcome-single-services .img-box img {
		width: 100%;
	}
	.welcome-single-services .text-box::before,
	.welcome-single-services .text-box::after {
		display: none;
	}
	.testimonial-box header .img-box, .testimonial-box header .content {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.testimonial-box {
		padding: 0;
	}
	.single-fact-counter {
		padding: 0;
	}
	.about-info-box {
		background: none;
	}
	.featured-services.style-two .single-featured-service {
		padding-left: 0;
	}
	.pull-left .single-sidebar-widget, .pull-right .single-sidebar-widget {
		padding: 0;
	}
	.single-testimonial-box {
		padding: 0;
	}
	.single-testimonial-box header .icon-box, .single-testimonial-box header .info-box {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding: 0;
	}
	.single-sidebar-widget .insta-feed ul .img-box {
		width: 145px;
	}
	.all-page .app-post .meta-info .date-box, .all-page .app-post .meta-info .content-box {
		display: block;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.all-page .app-post .meta-info .date-box .inner-box {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.single-post-page .comments-box .single-comment .comment-img {
		display: block;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
}


/* mainmenu responsive styles */
@media (max-width: 1100px) {
	.main-menu-wrapper .filters-container {
		padding: 0 !important;
	}
	.nav-holder {
		width: 50%;
	}
	.nav-holder .nav-header {
		display: inline-block;
		float: right;
		padding: 33px 20px;
	}
	.nav-holder .nav-footer {
		display: none;
		overflow: hidden;
		overflow-y: visible;
		position: relative;
		z-index: 9999;
	}
	.nav-holder > .nav-footer ul > li {
		float: none;
		padding: 5px !important;
		padding-bottom: 0;
		display: block !important;
	}
	.nav-holder .nav-footer ul.nav > li > a {
		padding: 9px 26px;
	}
	.nav-holder > .nav-footer {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
	}
	.nav-holder > .nav-footer ul > li > .submenu {
		position: relative !important;
		opacity: 1 !important;
		visibility: visible !important;
		top: auto !important;
		left: auto !important;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		width: 100%;
		display: none;
		transition: none !important;
	}
	.nav-holder > .nav-footer ul > li > ul.submenu ,
	.nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		display: none;
		transition: none;
		padding-right: 00px;
		width: 100% !important;
	}
	.nav-footer ul.nav {
		padding-bottom: 5px;
	}
	.nav-footer ul.nav > li > a {
	  border: 1px dashed #bebebe !important;
	  color: #242424;
	  display: block;
	  font-family: "Roboto Slab",sans-serif;
	  font-size: 15px;
	  font-weight: bold;
	  line-height: 29px;
	  padding: 10px 25px;
	  text-transform: uppercase;
	}
	.nav-holder > .nav-footer ul.nav > li:hover > a {
		background: #63B40D;
		color: #fff !important;
	}
	.nav-footer ul.nav li.has-submenu > a {
		position: relative;
	}
	.nav-footer ul.nav li.has-submenu > a > button {
		display: block;
		position: absolute;
		top: 9px;
		right: 15px;
		background: #7fa409 none repeat scroll 0 0;
	    border: 1px solid #c4cab3;
	    border-radius: 5px;
	    color: #fff;
	    font-size: 16px;
	    height: 30px;
	    outline: medium none;
	    width: 30px;
	    padding: 0;
	    text-align: center;
	    line-height: 15px;
	}
	.nav-footer ul.nav li.has-submenu > a > button {
	    display: block;
	    position: absolute;
	    top: 9px;
	    right: 15px;
	    background: #FF8C04 none repeat scroll 0 0;
	    border: 1px solid #FF8C04;
	    border-radius: 5px;
	    color: #fff;
	    font-size: 16px;
	    height: 30px;
	    outline: medium none;
	    width: 30px;
	    padding: 0;
	    text-align: center;
	    line-height: 15px;
	}
	.nav-holder .nav-footer ul.nav > li > a > i[class*="flaticon"] {display: none;}

}

@media (max-width: 480px) {
	 .col-md-8.pull-right.has-side-background .right img {
	height: auto;
	width: 100%;
}
	.nav-holder > .nav-footer {
		width: 100vw !important;
		height: 80vh !important;
	}
}
@media (max-width: 375px) {
	.nav-holder {width: 18%;}
	.nav-holder > .nav-footer {left: auto;right: 0;}
}