/*============	Media 768Px Start ============ */ 
@media (min-width: 768px) and (max-width: 991px) {
	
	.element-size-50,
	.element-size-33,
	.element-size-75,
	.element-size-67,
	.page-content,
	.page-sidebar, 
	.page-sidebar ~ .page-content,
	.element-size-100 .col-md-12,
	.element-size-75 .col-md-12,
	.element-size-67 .col-md-12,
	.element-size-50 .col-md-12,
	.element-size-25 .col-md-12,
	.element-size-33 .col-md-12, .col-md-12, .section-content, .section-sidebar, .main-section .call-actions .heading, .main-section .call-actions .cell, .main-section .call-actions.ac-clean .cell.text-area, .col-md-9, .main-section .post-recent .cs-theme-carousel li, 
	.col-md-6,.main-section .lof-slidecontent .sliders-wrapper { width: 100% !important; }
	/*============ Element Size 25, 33 ============ */
	.col-md-4, .col-md-3, .col-md-2, .element-size-25,.main-section .widget.element-size-100 { width: 50% !important; float:left;}
	.page-content { padding: 0px 0px 0px 15px !important; }
	.main-section .widget.element-size-100 { padding-right: 25px; } .main-section .widget.element-size-100:nth-child(2n) { padding-right: 0px; }


	/*============ Header Setup ============ */
	header .logo { margin: 22px 0px !important; }
	.cs-click-menu { display: block; }
	.logo a,.btn-sec,.navigation ul li a { min-height: inherit !important; line-height: inherit !important; }
	/* Navigation Setup  */
	.navigation { padding: 22px 0px 0px 0px; position: relative; }
	.navigation > ul { display: none; width: 300px; position: absolute; right: 0px; top: 110%; box-shadow: 0px 0px 5px 0px #ddd; background-color: #fcfcfc; z-index: 999; padding: 9px 0px; }
	.navigation ul li { float: left; width: 100%; } .navigation > ul > li { padding: 10px 22px; }
	.navigation ul > li > a:before { display: none; }
	.navigation ul > li > a { padding: 0px; }
	.navigation ul .sub-dropdown { box-shadow: none; position: static; float: left; width: 100%; visibility: visible; opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); margin: 15px 0px 0px 0px; }
	.responsive-btn { display: inline-block; } .navigation ul .sub-dropdown ul { margin: 0px; }
	.navigation ul li ul.sub-dropdown > li.parentIcon > a::after { display: none; }
	/* MegaMenu */
	.mega-grid { opacity: 1; min-height: inherit; position: static; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; }
	.navigation ul.mega-grid > li { float: left; width: 100%; border: none; padding: 0px; }
	.navigation ul li .mega-grid .sub-dropdown { display: block !important; padding: 15px 20px 0px 20px; box-shadow: none; }
	.navigation .mega-grid > li > a { padding-top: 10px; color: #ffffff !important; box-shadow: none; } .navigation .mega-grid > li p { color: #ffffff !important; }
	.navigation ul li.cs-mega-menu { position: relative; } .mega-grid .responsive-btn { display: none; }

	/*============ Footer Setup ============ */
	#footer-sec .widget[class*="col-md-"] { margin-bottom: 30px; }
	.user-signup,#copyright { text-align: center; }
	.user-signup span { float: none; display: inline-block; padding: 0px 30px 12px 0px; } .user-signup form,#copyright p,.footer-nav { width: 100%; }
	#copyright .footer_icon,#copyright .footer-nav ul,#copyright .social-media { float: none; display: inline-block; }
	#copyright .footer_icon,#copyright p { padding: 0px 0px 15px 0px; } #backtop { bottom: 40%; right: 5%; }


	.wrapper_boxed{width: 100% !important;}
	/*============ page not found Setup ============ */
	.page-not-found .cs-search-area > form { width: 45%; }
	.search-results .cs-search-area > form { width: 55%; }
	.under-wrapp .user-signup form { width: 540px; }
	.cs-search-area .form-control { width: 100%; }

	/*============  Directory Listing page Setup ============ */
	.cs-filter-menu li { margin-right: 10px; }
	.directory-box{ width: 100%; }
	.main-section .wide .row .col-md-12 { padding: 0 15px;}
	.directory-advanced-search-content form ul li{width: 33.33%;}
	.directory-advanced-search-content form ul li.submit-button{width: 12%;}
	/*============  UserProfile Setup ============ */
	.cs-form-element.column-input li { width: 32%; }

}

/*============ Media 420Px Start ============ */
@media (max-width: 767px) {
	
	.element-size-50,
	.element-size-33,
	.element-size-75,
	.element-size-67,
	.page-content,
	.page-sidebar, 
	.page-sidebar ~ .page-content,
	.element-size-100 .col-md-12,
	.element-size-75 .col-md-12,
	.element-size-67 .col-md-12,
	.element-size-50 .col-md-12,
	.element-size-25 .col-md-12,
	.element-size-33 .col-md-12, .col-md-12, .section-content, .section-sidebar, .main-section .call-actions .heading, .main-section .call-actions .cell, .main-section .call-actions.ac-clean .cell.text-area, .col-md-9, .main-section .post-recent .cs-theme-carousel li, 
	.col-md-6,.main-section .lof-slidecontent .sliders-wrapper,.cs-form-element li.enable-post .inner-sec,.cs-form-element li.enable-post .cs-package-desc,.inner-sec .cs-packges { width: 100% !important; }
	/*============ Element Size 25, 33 ============ */
	.col-md-4, .col-md-3, .col-md-2, .element-size-25 { width: 50% !important; float:left;}
	.page-content { padding: 0px 0px 0px 15px !important; } .page-sidebar .widget.element-size-100 { width: 50% !important; } .page-sidebar .widget.element-size-100 { padding-right: 25px; }
	.page-sidebar .widget.element-size-100:nth-child(2n) { padding-right: 0px; } .page-content ~ .page-sidebar,.page-sidebar { padding: 0px 15px; }
	.row { margin-right: -13px; }
	
	/*============ Header Setup ============ */.sticky {	position: relative;  z-index: 101;}
	header .logo { margin: 22px 0px !important; }
	.cs-click-menu { display: block; }
	.logo a,.btn-sec,.navigation ul li a { min-height: inherit !important; line-height: inherit !important; }
	/* Navigation Setup  */
	.navigation { padding: 22px 0px 0px 0px; position: relative; }
	.navigation > ul { display: none; width: 300px; position: absolute; right: -100%; top: 110%; box-shadow: 0px 0px 5px 0px #ddd; background-color: #fcfcfc; z-index: 999; padding: 9px 0px; }
	.navigation ul li { float: left; width: 100%; } .navigation > ul > li { padding: 10px 22px; }
	.navigation ul > li > a:before { display: none; }
	.navigation ul > li > a { padding: 0px; }
	.navigation ul .sub-dropdown { box-shadow: none; position: static; float: left; width: 100%; visibility: visible; opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); margin: 15px 0px 0px 0px; }
	.responsive-btn { display: inline-block; }
	.navigation ul li ul.sub-dropdown > li.parentIcon > a::after { display: none; }
	/* MegaMenu */
	.mega-grid { opacity: 1; min-height: inherit; position: static; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; }
	.navigation ul.mega-grid > li { float: left; width: 100%; border: none; padding: 0px; }
	.navigation ul li .mega-grid .sub-dropdown { display: block !important; padding: 15px 20px 0px 20px; box-shadow: none; }
	.navigation .mega-grid > li > a { padding-top: 10px; color: #ffffff !important; box-shadow: none; } .navigation .mega-grid > li p { color: #ffffff !important; }
	.navigation ul li.cs-mega-menu { position: relative; } .navigation ul .sub-dropdown ul { margin: 0px; } .mega-grid .responsive-btn { display: none; }
	.main-navbar.scroll-to-fixed-fixed { position: static !important; }

	/*============ Blog Setup ============ */
	.cs-blog.blog-medium .main-thumb { width: 150px; } .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec { padding: 15px 40px 0 170px; }
	/* Blog Detail Setup  */
	#comment .children { margin-left: 60px; }

	/*============ Agent Setup ============ */
	.cs-agent-filter .filter-nav { padding: 15px; } .cs-filter-menu li { float: none !important; display: inline-block; vertical-align: top; width: 45%; } .cs-filter-menu li:before { display: none; }
	.team-simple ul li { width: 33.333%; }

	/*============ Footer Setup ============ */
	#footer-sec .widget[class*="col-md-"] { margin-bottom: 30px; }
	.user-signup,#copyright { text-align: center; }
	.user-signup span { float: none; display: inline-block; padding: 0px 30px 12px 0px; } .user-signup form,#copyright p,.footer-nav { width: 100%; }
	#copyright .footer_icon,#copyright .footer-nav ul,#copyright .social-media { float: none; display: inline-block; }
	#copyright .footer_icon,#copyright p { padding: 0px 0px 15px 0px; } #backtop { bottom: 40%; right: 5%; }
	.user-signup form label { width: 50%; }

	.wrapper_boxed{width: 100% !important;}

	/*============ page not found Setup ============ */
	.page-not-found {padding: 0 15px;}
	.cs-search-area input.btn {right: 5px;}
	.page-not-found .cs-search-area > form, .cs-search-area .form-control, .search-results .cs-search-area > form{ width: 100%;}
	.main-digit-wrapp{margin-bottom: 10px;}

	/*============ Cs Tbes Setup ============ */
	.cs-tabs.nav-position-top .nav-tabs li a{padding: 14px 17px;}
	.cs-tabs.vertical .nav-tabs{width: 35%;}
	.cs-tabs.vertical .tab-content{width: 65%;}

	/*============ Piechart Setup ============ */
	.piechart {padding: 0px;}

	/*============  Directory Listing page Setup ============ */
	.default_listing .directory-section { padding: 25px 10px ; }
	.default_listing .cs_thumbsection, .default_listing .content_info, .cs_banner_section img{ width: 100%;}
	.default_listing .cs_thumbsection { margin-bottom: 15px;}
	.default_listing .content_info { padding-left: 0px;}
	.directory-box,.cs-package-upper .radio-box { width: 100%;float: left; }
	.main-section .wide .row .col-md-12 { padding: 0 15px;}
	.directory-advanced-search-content form ul li{width: 50%;}
	.directory-advanced-search-content form ul li.submit-button{ width:18%;}
	.directory-advanced-search-content form ul li .form-submit{margin-top: 0px;}
	/* Directory Listing Detail */
	.featured-list ul li, .cs-select-cat ul li, .cs-packges li { width: 50%; }
	/*============ User porfile page  Setup ============ */
	.page-sidebar.profile-bar{padding: 0 15px;}
	.bottom-sec {padding: 10px;}
	.cs-packges li,.cs-feature-package, .cs-package-price { margin-bottom: 10px;}
	.add_gallery { width: 90%; }
	.gallery-thumb .directory_images li { width: 50%; height: auto; }
	.cs-featured-list li,.icon-input,.cs-form-element .cs-tags-selection,.cs-form-element.four-column > li { width: 100%; }
	.cs-form-element.column-input li { width: 49%; }
	.review-modal .modal-dialog { width: 300px; }
	.directory-gallery .dr_pricesection { position: static; }
	.pro_specifications tr td { padding: 11px 10px 14px; }
	.about-info figure,.agentdetail-info { width: 100%; padding: 0px; }
	.left-info, .right-info { width: 100%; padding: 20px 0px; }
	.owl-nav { display: none; }
	.outerwrapp-layer { width: 280px; margin: 0px 0px 0px -140px; }
	#cs_ad_post_modal .sg-social,.add-to-favborites-modal .sg-social { display: none; }
	#cs_ad_post_modal .modal-dialog { margin-top: -150px !important; }
	.dr_location .add-to-favborites-modal .modal-dialog { margin-top: -170px !important; }
	.loc-info figure,.loc-info .content-info,.profile-review .cs-reviews .left-sp { float: left; width: 100%; } .loc-info .content-info,.loc-info figure ~ .content-info,.profile-review .cs-reviews figure ~ .left-sp { padding: 10px 0px 0px 0px; }
	.cs-form-element .radio-box li,.cs-review-rating li { width: 100%; } .cs-review-rating li { margin-bottom: 15px; }
	.cs-blog.blog-medium .read-more { margin: 0px 0px 15px; }

}

/*============ Media 300Px Star ============ */
@media (max-width: 480px) {

	.page-content { padding: 0; }
	.element-size-50,
	.element-size-25,
	.element-size-75,
	.element-size-67,
	.element-size-33,
	.page-content,
	.page-sidebar, 
	.element-size-100 .col-md-12,
	.element-size-75 .col-md-12,
	.element-size-67 .col-md-12,
	.element-size-50 .col-md-12,
	.element-size-25 .col-md-12,
	.element-size-33 .col-md-12, 
	.col-md-3, .col-md-4, .col-md-12, .col-md-2, .element-size-25,.page-sidebar .widget.element-size-100 { width: 100% !important;}
	.page-sidebar .widget.element-size-100 { padding-right: 25px; }
	.page-sidebar .widget.element-size-100:nth-child(2n),.page-sidebar .widget.element-size-100 { padding-right: 0px; }

	/*============ Header Setup ============ */
	.main-navbar { float: left; width: 100%; text-align: center; }
	.left-side,.right-side { float: none; display: inline-block; }
	.navigation > ul { width: 230px; left: 0px; right: auto; text-align: left; }
	#copyright .footer-nav,#backtop { display: none; }

	/*============ Blog Setup ============ */
	.date-time { float: left; width: 100%; padding: 0px; }
	.blog-lrg.cs-blog .bloginfo-sec .blog-text { padding: 20px 20px 20px 20px; float: left; width: 100%; border: none; border-top: 1px solid #f0f0f0; }
	.blog-lrg.cs-blog .bloginfo-sec { padding: 0px; } .post-thumb figure ~ .thumb-options { float: none; padding: 0px 0px 0px 50px; }
	.cs-blog.blog-medium .main-thumb { width: 100%; } .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec { padding: 20px 20px 10px 20px; } .cs-blog.blog-medium .bloginfo-sec { float: left; width: 100%; padding: 20px 20px 10px 20px; }
	.blog-editor .post-option-panel:before { display: none; } .blog-editor .post-option-panel { padding-left: 0px; }
	/* Blog Detail Setup  */
	.cs-post-sharebtn .cs-cell { float: left; width: 100%; padding: 10px 0px; } .cs-post-sharebtn .cs-cell.left-btn { border: none; border-bottom: 1px solid #f6f6f6; padding-right: 0px; }
	.cs-post-sharebtn .cs-cell.right-btn { padding-left: 0px; }
	.comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-website { width: 100%; } #comment .thumblist li .text-box { border: none; padding-left: 0px; float: left; width: 100%; }
	#comment .children { margin-left: 15px; } .comment-form p.comment-form-email input.emailinput { border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }

	/*============ Agent Setup ============ */
	.cs-filter-menu li { width: 100%; border-bottom: 1px solid #eee; }

	/*============ page not found Setup ============ */
	.form-control, .main-section .cs-search-area .form-control {font-size: 11px;}
	.main-section .cs-search-area .form-control, .main-section .cs-search-area > form{width: 310px;}

	/*============ Cs Tbes Setup ============ */
	.cs-tabs.nav-position-top .nav-tabs li, .cs-tabs.vertical .nav-tabs, .cs-tabs.vertical .tab-content {width: 100%;}

	/*============ Cs Accordian  Setup ============ */
	.panel-group.default .panel-title a {font-size: 13px;}

	/*============ Table  Setup ============ */
	.tablev2.table > thead > tr > th, .tablev2.table > tbody > tr > th, .tablev2.table > tfoot > tr > th, .tablev2.table > thead > tr > td, .tablev2.table > tbody > tr > td, .tablev2.table > tfoot > tr > td{padding: 12px 7px;}
	.tablev2.table thead tr th{font-size: 12px;}
	.directory-package table > thead > tr > th, .directory-package table > tbody > tr > th, .directory-package table > tfoot > tr > th, .directory-package table > thead > tr > td, .directory-package table > tbody > tr > td, .directory-package table > tfoot > tr > td{font-size: 11px;}

	/*============  Directory Listing page Setup ============ */
	.dr_userinfo li .cs-label{width: 46%; margin-bottom: 6px;}
	.filter-nav ul li a{font-size: 10px;}
	.cs-filter-menu li {margin-right: 10px;}
	.directory-advanced-search-content form ul li,.cs-directory.default_listing .dr_userinfo li {width: 100%;}
	.directory-advanced-search-content form ul li.submit-button{ width:33.33%;}
	.pro_specifications tr td { padding: 11px 10px 14px; float: left; }
	/* Directory Listing Detail */
	.featured-list ul li, .cs-select-cat ul li, .cs-packges li, .cs-form-element .radio-box li, .cs-form-element li.enable-post label, .cs-form-element.tw-input li, .cs-form-element.tw-input li:nth-child(2n), .cs-form-element.half-input > li, .title-left li .inner-sec,
	.title-left li label, .cs-form-element.column-input li { width: 100%; }
	.favorites-section {margin-bottom: 15px;}
	.bottom-sec ul li {border: none;}
	.cs-packges li {padding-right: 0px; margin-bottom: 10px;}
	.my-ads.has-border, .cs-form-element.tw-input li, .cs-form-element.half-input > li, .cs-form-element.column-input li{padding: 0px;}

	/*============ User porfile page  Setup ============ */

	#scroll-nav li{width: 100%; margin: 0 0 5px 0;}
	.gallery-thumb .directory_images li { width: 100%; }

	/*============ Message Box Setup ============ */
	.messagebox-v3 {padding-right: 15px;}
	.messagebox-v3 .custom-btn{top: 80%;}
	.messagebox-v3 P{margin-bottom: 20px;}
	.main-section .cs-search-area .form-control, .main-section .cs-search-area > form { width: 280px; }
	#cs_ad_post_modal .modal-dialog { top: 60% !important; }


}

/*============	Media 940Px Start ============ */
@media (min-width: 992px) and (max-width: 1199px) {

	/* Wrapper Boxed View */
	.wrapper.wrapper_boxed { width: 100% !important; }
	
	/*============ Header Setup ============ */
	.navigation ul > li > a { padding: 0px 10px; }
	.navigation ul .sub-dropdown ul { left: -102%; }

	/*============ Footer Setup ============ */
	.user-signup form { width: 530px; }
	.footer_icon { padding: 0 10px 0 0; }

	/*============ page not found Setup ============ */
	.page-not-found .cs-search-area > form{width: 39%;}
	.cs-search-area input.btn {right: 10px;}
	.relevant-search .cs-search-area > form {width: 57%;}

	/*============ Piechart Setup ============ */
	.circliful > canvas{width: 198px !important;}
	.circle-text, .circle-info, .circle-text-half, .circle-info-half{ width: 80%; }
	.circliful .circle-info, .circliful .circle-info-half { line-height:160px !important; }
	.circliful .circle-text{ line-height: 250px!important; }
	.sidebar-search label { font-size: 12px; }

	/*============  Directory Listing page Setup ============ */
	.directory-box{ width: 100%; }
	.main-section .wide .row .col-md-12 { padding: 0 15px;}
	
}