@media (max-width:1200px){
	.iconmenubar li {
		width: 105px !important;
		padding: 10px ;
	}
}
@media (max-width:767px) {
	header .header-menu ul {
		height:100%;
		overflow-x: scroll;
		margin: 10px 0;
	}
	#sidebarMenu{
	width: 310px;

		height: 90%;
		padding-bottom: 15px;
	}
	li.dropdown .dropdown-menu a{
		padding:10px 0;
	}
	
	.fr-hero-details-products img{
		max-width: 100%;
	}
	.filters .nice-select {
		width: 170px !important;
	}
	.fr3-details .fr3-job-detail{
		display: block;
	}
	.adi-go-data .register-holder{
		margin:10px auto;
	}
	
	.services-filter-2 h4{
		font-size: 14px;
	}
	
	.result-box span.result-number {
		
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		/*z-index: 2;*/
	}
	.fr-c-details{
		margin-top: 30px;
	}
	.fr3-job-detail .fr3-job-img.plaza-listing{
		float: none;
	}
	.fr-expert .fr-expert-content{
		float: none;
	}
	.fr3-job-detail .fr3-job-img{
		margin-right: 0;
	}
	.fr3-job-detail .fr3-job-img img{
		max-width: 100%;
	}
	.data-table-holder h4{
		text-align: center;
	}
	.map-main-tabs ul.nav {
		display: block;
	}
	.radius-search .nice-select{
		width: auto;
	}
	.counter-area .counter-holder .counter-box:first-child:after{
		content: '';
		position: absolute;
		display: none;
	}
	.btn-group-spacing{
		display: block;
	}
	.btn-group-spacing button{
		margin: 0;
		margin-bottom: 8px;
	}
	.account-section ul.progress-nav.progress-function{
		padding-left: 0;
	}
	.inner-header{
		background: #EBEBEB;
		padding-bottom: 30px;
	}
	.iti.iti--allow-dropdown{
		margin-bottom: 10px !important;
	}
	.inner-header .breadcrumb-section h3{
		padding-top: 15px;
		font-size: 28px;
	}
	header .mobile-menu {
		display: flex;
	}
	h1, h2, h3, h4, h5, h6{
		letter-spacing: 0.5px;
	}
	.iconmenubar {
		display: none;
	}

	header .header-logo {
		padding-left: 0px;
		padding-right: 0px;
	}
	

	header .header-menu .ul-base li{
		display: none;
	}
	header .header-menu .ul-base li.mob-show, header .header-menu .ul-base .sidebarMenuInner li{
		display: block;
	}
	
	header .header-inner {
		padding: 0;
	}

	

	.search-section h3 {
		font-size: 30px;
	}

	.search-section h5 {
		font-size: 20px;
	}

	.search-container {
		padding-top: 10px;
	}

	
	.imagepart {
		margin-top: 20px;
	}

	.second-section {
		padding: 40px 0;
	}

	.second-section .row {
		padding: 20px;
	}

	.second-section h4 {
		text-align: center;
		padding-bottom: 15px;
	}

	.pro-btn {
		text-align: center;
	}

	.ocean-section {
		padding: 40px 0;
		margin-bottom: 0;
	}

	.ocean-section h3 {
		font-size: 24px;
	}

	.ocean-section p {
		padding-bottom: 0;
	}

	.textpart2 h5 {
		font-size: 24px;
	}

	.categories-section {
		padding: 20px;
		position: relative;
		margin: 0;
	}
	.infobox ul {
    padding-left: 20px;
	}

	.infobox {
		padding: 10px 0;
	}

	.cat-btn {
		text-align: left;
	}

	.fourth-section {
		padding: 40px 0;
	}

	.fourth-section {
		padding: 40px 0;
	}

	.fourth-section .row {
		padding: 20px;
	}

	.fourth-section h4 {
		text-align: center;
		padding-bottom: 15px;
	}

	.footer-top-part {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.logoimage img {
		width: 80%;
		padding-bottom: 20px;
	}

	.footermenu {
		padding-left: 0;
		display: block;
		float: none;
		columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
	}
	.infobox ul{
		columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
	}
	.footermenu li {
		padding-left: 0;
		
	}

	.footer-bottom-part {
		padding: 10px 0;
	}

	.footer-bottom-part p {
		margin-bottom: 0;
	}
	.d-none-mobile{
		display: none;
	}
	.d-none-desktop{
		display: block;
	}
	
}


@media (min-width:768px) and (max-width:1024px) {
	#sidebarMenu{
		width: 330px;    overflow: scroll;	
		height: 94%;
		padding-bottom: 15px;
	}
	header .header-menu ul {
		height:100%;
	}
	
	.fr-hero-details-information h3{
		font-size: 20px;
	}
	.adi-go-data .register-holder h4{
		font-size: 18px;
	}
	.adi-go-data .btn.btn-success{
		margin-bottom: 10px;
	}
	
	header .mobile-menu {
		display: flex;
	}

	.iconmenubar {
		display: none;
	}

	header .header-inner {
		padding: 0;
	}

	

	header .header-logo img {
		max-height: 30px;
	}

	.search-section h3 {
		font-size: 40px;
	}

	.text-part {
		padding-top: 40px;
	}

	.first-section {
		margin-top: 0;
	}

	.first-section .row {
		align-items: center;
	}

	.ocean-section h3 {
		font-size: 30px;
	}

	.ocean-section p {
		padding-bottom: 20px;
	}

	.categories-section {
		position: relative;
		margin: 0;
	}

	.textpart2 p {
		font-size: 16px;
		padding-bottom: 0;
	}

	.infobox {
		padding: 10px 0;
	}

	.ocean-section {
		padding: 40px 0;
		margin-bottom: 0;
	}

	

	.footermenu li {
		padding-left: 10px;
	}

	.footermenu {
		padding: 0;
	}

	.footer-top-part {
		padding: 40px 0 20px;
	}

	.footer-bottom-part {
		padding: 5px 0;
	}

	.footer-bottom-part p {
		margin-bottom: 0;
	}
}

@media (min-width:991px) and (max-width:1024px) {
	header .header-menu ul {
		float: right;
	}
}


@media(min-width: 767px) {
	.progress-nav li {
		height: 7px
	}

	.progress-nav li:before {
		width: 25px;
		height: 25px;
		top: -9px;
		background-size: 60%;
		font-size: 15px
	}

	.progress-nav li.active:before {
		width: 28px;
		height: 28px;
		border-width: 8px;
		top: -11px
	}

	.progress-nav li.active~li:before {
		width: 22px;
		height: 22px;
		top: -7px
	}

	.progress-nav li a {
		font-size: 20px;
		bottom: calc(100% + 23px)
	}
}

@media (min-width: 992px){
	.data-table-holder table.dataTable {
		display: table;
	}

}
/*  */
@media (max-width: 1200px){
	.header-menu{
		width: fit-content !important;
		display: flex;
		justify-content: center;
	}
	
}

@media  (max-width:1024px) {
header .header-menu .ul-base li{
		display: none;
	}
	header .nav-btn.nav-slider {
		float: right;
		margin-top: 22px;
		text-align: end;
	}
	/* .inner-header{
		height: 200px;
	} */
	.header-menu{
		display: none;
	}
}
@media (max-width:567px) {
	.inner-header{
		height: fit-content;
	}
}