@media screen and (max-width:767px) {
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.container { width:auto; padding:0 20px;}
	
	/* Header Css */
	.top-header{ margin-bottom:15px; }
	.tophead-left, .tophead-right{ float:none; }
	.header{ padding:10px 0; top:0; text-align:center; border-bottom:none; }
	.header-inner { width:95%; text-align:center;}
	.logo{ width:auto; float:none; text-align:center; padding:0 0 10px;}
	.logo img{ margin:0 auto; }
	.header_right{ width:auto; float:none; padding:0;}
	
	/*slider Css*/
	.slider-main{ min-height: auto; }
	#slider .nivo-controlNav{ display:none;}
	#slider .nivo-caption{ width:74%; left:0; bottom:18%; padding:10px; text-align:center; margin:0 auto; }
	#slider .nivo-caption p{ display:none; }	
	#slider .nivo-caption a.button, #slider .nivo-caption a.button2 { display:none;}
	
	.propertysearch{ margin-top:0; }
	.search-btn{ padding-right:0; width:100%; }
	
	/* Section Css*/
	h2.section_title{ font-size:24px !important; }
	h2.section_title::after{ bottom:0; }
	p.subtext{ width:100%; }
	.feature-box{ margin-right:0; width:auto;}
	.quote-left, .quote-right{ float:none; width:auto; }
	.solution-box{ width:100%; float:none; margin-right:0; margin-bottom:30px; }
	.counter-box{ display:table; margin:0 auto 20px;}
	#last.counter-box{ margin-right:auto;}
	.three_boxes .container{ padding:0; }
	.three-box{ width:100%; }
	.inner-three-box{ padding-left:30px;  padding-right:30px;}
	.service-box{ width:auto; margin-right:0; }
	#mixitup .mix{ width:100% !important;}
	.news-box{ width:auto; margin-right:0; margin-bottom:30px;}
	.circle-skills h3{ font-size:16px; }
	.home_map, .home_form{ width:100%; float:none; margin-bottom:30px; }
	.teammember-list{ width:auto; margin:30px 0; float:none; }
	
	/* Footer Css */
	.cols-3{ width:100% !important; float:none; margin:0; padding:15px 0;border-right:none; min-height:auto;}
	.contactdetail .fa { margin-right:10px;}
	ul.recent-post li { margin:0 15px 15px 0;}
	ul.recent-post li:nth-child(3n+3) { margin-right:15px;}
	ul.foomenu li{ float:none; display:inline-block; width:49.5%;}
	ul.recent-post li .lp-data{ width:73%;}
	ul.recent-post li .lp-thumb img{ width:54px; }
	.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
	.copyright-txt { margin-bottom:10px;}
	.copyright-txt, .designby { text-align:center; float:none;}
	
	/*coloumn css*/ 
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .services-col, .services-wrap .one_third, #wrapperthree .one_half{float:none !important; width:100% !important; margin:0 0 30px !important;}
	
	/* Inner Pages */
	.content-area{ width:auto; margin:0; padding:20px;}
	.site-main{ width:auto; margin:0; padding:0; float:none;}
	.innerbanner{ height:200px;}
	h1.innerpage-title{ margin:0 0 30px; font-size:25px !important; }
	#crumbs{ line-height:normal; padding: 10px;}
	
	/* Contact Page */
	.contact-info{ margin:50px 0;}
	.single-info-box{ width:100%; float:none; }
	.contact_main{ width:100%; }
	.contact-social .social-icons a{ margin-bottom:12px;}
	.contact_main_inner{ padding:20px 0; }
	.contact-info{ float:none; width:auto; }
	.inner_contact_info{ padding:20px 0;}
	
	/* Blog Page */
	.post-thumb{ width:100%; padding:0; margin-bottom:20px; }
	.post-data{ width:100%; padding:0;}
	.blog-post-repeat{ float:none; width:auto; margin-right:0; }
	.blog-post-repeat.full{ width:auto; margin-right:0; }
	
	/* Sidebar Css */
	.flotRight{ float:none !important;}
	#sidebar{ width:100%; float:none;}
	.sidebar-left{ float:none !important; width:100%;}
	#sidebar .search-form input.search-submit, #sidebar .search-form input.search-field { margin-top:20px;}
	.testimonials-wrap h2.section_title{ margin-bottom:30px; font-size:20px;}
	.testimonials-wrap .owl-prev{ right:11%;}
	
	/*custom css*/
	.searchbox{ width:100%; padding-left:0;}
	.item{padding-left:0; width:auto;}
	ol.nav-numbers{ display:none;}
	#testimonials ul li .tm_description p{ text-align:left;}
	#back-top { right:5px;}
	.tabs-wrapper ul.tabs li a{ padding:10px 14px; }
	
	/*Single Property*/
	.es-single h2 .es-cat-price{ margin:0 0 20px; }
	.propertysearch .es-search__wrapper.es-search__wrapper--horizontal form .es-search__field, .propertysearch .es-search__wrapper.es-search__wrapper--horizontal form .es-search__buttons{ width:96%;}
	.es-search__wrapper.es-search__wrapper--horizontal form .es-search__buttons input{ width: 76%; }
	.agent-container{ width:auto; }
	.agent-wrap{ padding:1.5rem; text-align:center; }
	.agent-pic{ width:60%; margin-right:auto; margin-left:auto; float:none; margin-bottom:15px; }
	.agent-name{ width:auto; float:none; margin-left:0; text-align:center; }
	.agent-ttl-pic .social-icons{ text-align:center; }
	.agent-ttl-pic .social-icons a{ margin-right:5px; }
	.agent-contact-info{ margin-bottom:15px; }
	.agent-contact-info li{ line-height:26px; }
	.agent-more, .agent-contact-info{ float:none; }
	.single-agent .post-thumb{ width:auto; float:none; }
	.single-agent-title{ float:none; width:auto; }
	.single-agent-title h3, .single-agent-title .social-icons{ float:none; }
	.single-agent-title .social-icons{ margin-top:20px; }
	.single-agent-info strong{ width: 78px; margin-right: 10px; }
	.es-button{ padding:5px 10px; }
	.es-layout-3_col .properties .es-details-wrap .es-map-link-wrap a.es-map-view-link, .es-layout-2_col .properties .es-details-wrap .es-map-link-wrap a.es-map-view-link{ padding:5px 10px; }
	
}

@media screen and (max-width:400px){
	#slider .nivo-caption h2{ font-size:16px; line-height:18px; text-align:center; margin-bottom:0;}
	.offset{ height:110px; margin-top:-110px;}
}
@media screen and (min-width:401px) and (max-width:767px){
	#slider .nivo-caption h2{ font-size:30px; line-height:32px; text-align:center; margin-bottom:0;}
}

@media screen and (min-width:481px) and (max-width: 767px){
.container, .content-area, .gallery .container{ width:400px; margin:0 auto;}
}

@media screen and (min-width:768px) and (max-width: 980px){
	/* Header Css*/
	.header{ padding:10px 0; top:0; text-align:center; border-bottom:none;}
	.toggle a { margin-top:0;}
	.logo{ float:left; text-align:left; width:34%; padding:10px 0;}
	.header.sticky-header .logo{ padding:10px 0; }
	.header_right{ float:right; width:63%; padding:0; margin-top:15px; }
	.headtop-inner { width:95%;}
	.sitenav{ }
	/* Slider Css */
	.slider-main{ min-height:250px; }
	.nivo-caption{ width:74%; bottom:20%;}
	.nivo-caption h2{ font-size:24px !important; line-height:30px; }
	
	.propertysearch .es-search__wrapper.es-search__wrapper--horizontal form .es-search__field, .propertysearch .es-search__wrapper.es-search__wrapper--horizontal form .es-search__buttons{ width:22%; }
	
	/* Section Css */
	.es-listing .es-property-inner .es-property-info h2 a{ font-size:20px; }
	.es-layout-3_col .es-property-info{ padding-left:15px; padding-right:15px; }
	.es-layout-3_col .properties .es-details-wrap{ position:relative; margin:15px 0 0 0; }
	.es-layout-3_col .properties .es-details-wrap .es-details-flex{ justify-content: center; }
	.es-layout-3_col .properties:hover .es-details-wrap{ position:relative; }
	.counter-box{ width: 23.8%; }	
	.service-box{ min-height:350px; }
	.quote-left{ width:65%; margin-right: 3%; }
	.quote-right{ width:32%; }
	
	/* Footer Css */
	.cols-3 { font-size:14px; margin-right:12px; padding-right:12px; width:31%;}
	.cols-3.widget-column-3 { margin-right:0; padding-right:0;}	
	.social-icons a{ margin-right:8px; }
	
	/* Inner Page Css */
	.innerbanner{ height:300px;}
	
	/* Blog Page Css*/
	.post-thumb, .post-data{ width:100%; padding:0;}
	.post-data{ margin-top:30px;}
	
	/* Contact Page Css*/
	.contact-info{ margin:30px 0 50px; float:none; width:auto;}
	.single-info-box{ width:50%; }
	.contact_main{ width:90%; }
	
	#sidebar .es-listing .properties{ width:100%; }
	#content{ width:auto; padding:0 20px; }
	body.page-template-template-listing .es-listing .properties{ width:100%; }
	
	.single-agent .post-thumb, .single-agent-title{ width:auto; float:none; }
	.single-agent-info strong{ width: 74px; }
	.es-button{ padding:5px 10px; }
	.es-layout-3_col .properties .es-details-wrap .es-map-link-wrap a.es-map-view-link, .es-layout-2_col .properties .es-details-wrap .es-map-link-wrap a.es-map-view-link{ padding:5px 10px; }
		
}

@media screen and (max-width:1169px) and (min-width:768px) {
	.container, .header-inner { width:auto; padding:0 20px;}
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.content-area{ width:auto; margin:0; padding:20px 20px;}
	#sidebar{ width:30%;}
	.site-main{ width:65%; }
	.slider-main{ min-height:300px;}
	/*custom  css*/
	.BlogPost{ min-height:250px;}
	ol.nav-numbers{ bottom:10%;}
	.sidebar-left{ float:left !important; width:30%;}
	.sidebar-left #sidebar{ width:100%;}
	.agent-pic{ width:30%; }
}

@media screen and (max-width:1169px) and (min-width:981px) {
	html{overflow-x:hidden; }
	.header .container{ padding:0; }
	
	/* Slider */
	.nivo-caption{ width:74%; bottom:18%; }
	.nivo-caption h2{ font-size:40px !important; line-height:32px; }
	
	/* Section */
	.counter-box{ width:23.8%; }
	.three_boxes .container{ padding:0;}
	.inner-three-box { padding: 40px 30px; }
	.gallery .container{ padding:0;}
	
	/* Footer Css */
	.cols-3 { margin-right:17px; width:30.8%; padding-right:17px;}
	.cols-3.widget-column-3 { margin-right:0; padding-right:0;}
	
	/* Blog Page*/
	.post-thumb{ width:45.5%; }	
	.single-agent-info strong{ width: 74px; }
	.single-agent .post-thumb{ width: 34%; }
	.single-agent-title{ padding:2%; width: 62%; }
	
	.es-layout-3_col .properties .es-details-wrap .es-map-link-wrap, .es-layout-2_col .properties .es-details-wrap .es-map-link-wrap{ float:none; margin-bottom:10px; text-align: center; width: 100%; }
	.es-layout-3_col .properties .es-details-wrap .es-read-wrap, .es-layout-2_col .properties .es-details-wrap .es-read-wrap{ float:left; text-align: center; width: 100%; }
}

@media screen and (min-width:1170px) and (max-width: 1366px){
	.nivo-caption{ width:62% !important; bottom:25%; }
}

@media screen and (max-width: 980px){
	section{ padding:40px 0;}
	.toggleMenu{display: block; padding-left:10px !important;}
	.sitenav{float:none; position:relative; margin:0; }
	.header_right .sitenav ul{color:#ffffff; width:100% !important; float:none !important; margin:0; padding:0; background-color:#2f3233;}
	.sitenav ul li{display:block; float:none; text-align:left; border-right:none; line-height:30px;}
	.header_right .sitenav ul li a{padding:5px 10px; display:block; color:#ffffff; text-align:left; font-weight:normal; }
	.sitenav ul li a{ text-align:left; padding: 8px 12px;}
	.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li:hover a.parent{ color:#ffffff !important; background:none !important;}
	.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
	.sitenav ul li ul li{ border-bottom:1px solid transparent!important; border-right:none;}
	.sitenav ul li ul li a{padding-left:30px !important; text-align:left; display:inline-block;}
	.sitenav ul li ul li ul li a{padding-left:50px !important;}
	.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
	.sitenav ul li:hover > ul{ background:none !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; animation:none !important; }
	.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
	.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
	.sitenav ul li.current_page_item a::after, .sitenav ul li:hover > a::after{ bottom:0; }
	.logo img{ height:auto;}
}