body{
	margin: 0px;
	padding: 0px;
	font-family: 'Cairo', sans-serif;
}
a:hover,a:focus,a:active{
	border:0px;
	outline: none;
	box-shadow: none;
	text-decoration: none;
}
input.form-control:focus,input.form-control:active,input.form-control:hover,
select.form-control:focus,select.form-control:active,select.form-control:hover{
	border: 1px solid #ced4da;
	outline: none;
	box-shadow: none;
	text-decoration: none;
}
.social-icons ul{
	margin: 0px;
	padding: 0px;
}
.social-icons ul li{
	list-style: none;
	display: inline-block;
	margin: 0px 0px 0px 25px;
}
.social-icons ul li a{
	display: inline-block;
	width: 22px;
	height: 22px;
}
.social-icons ul li a img{
	width: 100%;
	height: 100%;
}
.banner-section{
	background-image: url("../images/bg-image.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100vh;
	/*display: flex;
	flex-flow: column;
    justify-content: center;*/
}
.header-section{
	padding: 80px 0px;
}
.header-section .row{
	align-items: center;
}
.header-links{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.newAccount a span,.offer a span{
	color: #ffffff;
	margin-right: 15px;
}
.newAccount a,.offer a{
	text-decoration: none;
	display: inline-block;
}
.newAccount{
	margin-right: 50px;
}
.banner-content-left{
	width: 335px;
	margin-left: 60px;
}
.banner-content-left h2{
	color: #FFFFFF;
	font-size: 35px;
	font-weight: bold;
	line-height: 66px;
	text-align: right;
}
.banner-content-left p{
	color: #FFFFFF;

	font-size: 16px;
	line-height: 30px;
	text-align: right;
	margin-bottom: 0px;

	unicode-bidi: bidi-override !important;
	direction: rtl !important;
	text-align:right;
}
.banner-content-left a,.add-comment a{
	height: 40px;
	width: 200px;
	border-radius: 0 0 0 17px;
	background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
	margin-left: auto;
	color: #FFFFFF;

	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 10px;
	display: block;
	margin-top: 30px;
}
.search{
	display: flex;
	margin-right: 40px;
	padding-top: 12px;
}
.search .btn.btn-primary{
	height: 50px;
	width: 50px;
	border-radius: 0 0 0 17px;
	background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
	border: 0px;
}
.search .form-control{
	height: 50px;
	width: 310px;
	border-radius: 9px;
	background-color: #FFFFFF;
	border:0px;
	color: #676767;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
}
.search input.form-control:focus,
.search input.form-control:active,
.search input.form-control:hover,
.search select.form-control:focus,
.search select.form-control:active,
.search select.form-control:hover{
	border:0px;
}
.search .form-group.select .form-control{
	height: 50px;
	width: 145px;
	border-radius: 9px;
	background-color: #FFFFFF;
}
.search .form-group{
	margin-bottom: 0px;
}
.banner-content-right{
	display: flex;
	justify-content: flex-end;
    margin-right: -15px;
}
.search .btn.btn-primary{
	margin-right: 20px;
}
.form-group.textField{
	margin-right: 20px;
}
.logo{
	height: 73px;
	width: 174px;
	background-color: #FFFFFF;

	display: flex;
    align-items: center;
    justify-content: center;
}


.navbar-expand-md .navbar-toggler{
	display: block !important;
	height: 73px;
	width: 73px;
	background-color: #39BEB2;
	border-radius: 0px;
}
.navbar-header {
    float: none;
}
.navbar-toggler{
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    position: absolute;
    left: 0px;
    background-color: #ffffff;
    top: 73px;
    z-index: 10;
}
.navbar-collapse.collapse {
    display: none!important;
}
ul.navbar-nav{
	display: block;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-collapse.collapse.show{
	display: block !important;
}
nav.navbar-expand-md{
	flex-flow: column;
	align-items: end;
}
.logo a{
	text-align: center;
}
.navbar-collapse{
	border:0px;
	width: 100%;
	box-shadow: none;
}
.navbar-toggler:focus,
.navbar-toggler:hover{
	outline: none;
}
.navigation{
	display: flex;
	position: relative;
}
.navigation .navbar{
	margin: 0px;
	padding: 0px;
}
nav.navbar-dark .navbar-toggler-icon{
	background-image: url("../images/menu.svg");
}
.bannerBreaks a{
	height: 50px;
	width: 223px;
	background-color: rgba(4,155,208,0.45);

	font-size: 25px;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	padding: 0px 20px;
	color: #ffffff;
	text-decoration: none;
}
.bannerBreaks{
	text-align: right;
    margin-right: 25px;
}
.container-fluid.banner-content{
	margin-top: 100px;
}
.thumb-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.thumb-header span{
	color: #109DBC;

	font-size: 14px;
	line-height: 30px;
}
.sar{
	display: inline-flex;
}
.thumb-header .sarc{
	font-weight: 700;
	font-size: 18px;
}
.thumb-content{
	background-color: #ffffff;
	width: 54%;
	float: left;
	padding: 10px;
	min-height: 200px;
}
.thumb-image{
	width: 46%;
	float: left;
	max-height: 195px;
    overflow: hidden;
    position: relative;
}
.thumb-image img{
	width: 100%;
	min-height: 179px;
}
.clear{
	clear: both;
}
.name{
	color: #813594;

	font-size: 21px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
}
.views span,.views i{
	display: inline-block;
}
.views span{
	color: #676767;

	font-size: 12px;
	line-height: 30px;
	text-align: right;
	margin-right: 5px;
}
.views-star{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.thumb-text p{
	color: #676767;

	font-size: 14px;
	line-height: 22px;
	text-align: right;
	margin-bottom: 0px;
}
.detail a{
	height: 30px;
	width: 81px;
	border-radius: 0 0 0 11px;
	background-color: #39BEB2;

	color: #FFFFFF;

	font-size: 13px;
	line-height: 27px;
	text-align: center;
	display: inline-block;
}
.detail{
	text-align: right;
	margin-top: 10px;
}
.thumbnail-section{
	padding: 35px 0px 20px;
}
.thumbnail-section .container-fluid{
	margin: 0px 25px;
	width: auto;
}
.navbar{
	position: static;
}
.navbar-expand-md .navbar-nav .nav-link{
	padding: 8px 15px;
	color: #333333 !important;
}
.navbar-expand-md .navbar-nav .nav-item.active a.nav-link{
	background-color: #39BEB2;
	color: #ffffff !important;
}
.sart{
	margin-right: 3px;
}
.rectangle {
	height: 44px;
	width: 50px;
	background-color: #BE1B8A;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
	position: absolute;
	top: 0px;
	right: 20px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rectangle span{
	color: #FFFFFF;

	font-size: 14px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.rectangle span.rno{
	font-weight: bold;
}
/*.thumbnail-section .container-fluid{
	padding: 0px 50px;
}*/
.thumbnail-section .col-md-4{
	max-height: 192px;
    overflow: hidden;
}
.inner-page-header{
	background: linear-gradient(248.86deg, #1694b7 0%, #423B80 100%);
	box-shadow: 0 3px 11px 0 rgba(141,141,141,0.5);
	padding: 20px 40px;
}
.inner-header-left{
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: end;
}
.add-comment a{
	margin-top: 0px;
}
.inner-header-left .social-icons ul li{
	margin: 0px 10px;
}
.inner-header-left .social-icons ul{
	margin: 0px 40px;
}
.inner-header-left .newAccount,.inner-header-left .offer{
	margin-right: 20px;
}
.estraha-logo-white {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.estraha-logo{
	margin-right: 40px;
}
.menu-button{
	cursor:pointer;
}

/*Side Toggle*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #eeeeee;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-left: 1px solid #dddddd;
}

.sidenav a {
    padding: 5px 20px;
    text-decoration: none;
    font-size: 20px;
    color: #333333;
    display: block;
    line-height: 26px;
    transition: 0.3s;
}

.sidenav a:hover {
  color: #109DBC;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.info-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-info-title .col-md-12{
	text-align: right;
}
.top-info-title{
	margin: 20px 0px 30px;
}
.search-title-one{
	color: #9D9D9D;

	font-size: 13px;
	line-height: 24px;
	text-align: right;
}
.search-title-two{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 0px;
}
.search-title-two .break{
	color: #676767;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
	direction: rtl;
}
.searchResult{
	color: #BE1B8A;

	font-size: 21px;
	line-height: 39px;
	text-align: right;
	margin-left: 15px;
    margin-top: 0px;
}
.listing-wrapper .col-md-9{
	background-color: #FFFFFF;
}
.listing-wrapper .col-md-3{
	padding: 0px;
	box-shadow: 0 2px 5px 0 rgba(166,166,166,0.5);
	background-color: #F9F9F9;
}
.listing-wrapper .container{
	box-shadow: 0 2px 5px 0 rgba(166,166,166,0.5);
	padding: 0px;
}
.listing-links{
	background-color: #F6F6F6;
}
.listing-links ul{
	padding: 0px 20px;
	margin: 0px;
}
.listing-links ul li{
	list-style: none;
	display: inline-block;
}
.listing-links ul li a{
	color: #676767;

	font-size: 13px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	padding: 16px 15px;
}
.listing-links ul li a.active{
	font-weight: bold;
	color: #109DBC;
	border-bottom: 4px solid #109DBC;
}
.info-holder{
	padding: 20px;
}
.info-holder-left{
	width: 65%;
	padding-right: 30px;
}
.info-holder-right{
	width: 35%;
}
.resultImg img{
	max-width: 100%;
	width: 100%;
}
.resultImg a{
	display: block;
}
.info-holder{
	display: flex;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.sarno span{
	display: block;
	color: #109DBC;

	font-size: 16px;
	line-height: 15px;
	text-align: center;
}
.sarno span b{
	font-size: 24px;
    line-height: 24px;
}
.placeName .break{
	color: #676767;

	font-size: 15px;
	line-height: 30px;
	text-align: right;
}
.placeName h3{
	color: #813594;

	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
}
.location,.locationtwo{
	color: #676767;

	font-size: 12px;
	line-height: 16px;
	text-align: right;
}
.info-views{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.info-views div{
	/*margin-left: 20px;*/
}
.info-text p{
	color: #676767;

	font-size: 13px;
	line-height: 23px;
	text-align: right;
}
.info-text .detail a{
	background: linear-gradient(228.46deg, #109DBC 0%, #049BD0 100%);
}
.info-holder-wrapper div.info-holder:last-child{
	border-bottom: 1px solid #DDDDDD;
}
.resultImg{
	position: relative;
}
.sidebar{

}
.sidebar-title{
	background-color: #423B80;
	padding: 15px 20px;
}
.sidebar-title span{
	color: #FFFFFF;

	font-size: 16px;
	line-height: 30px;
	text-align: right;
	display: block;
}
.listing-wrapper .row{
	margin: 0px;
}
.sidebar-list ul{
	margin: 0px;
	padding: 0px;
}
.sidebar-list ul li{
	list-style: none;
	margin: 20px;
}
.dropname{
	color: #676767;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
	margin-bottom: 5px;
}
.sidebar-list .form-control{
	color: #676767;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
	border: 0px;
    box-shadow: none;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #EDEDED;
    direction: rtl;
}

.sidebar-list input.form-control:focus,
.sidebar-list input.form-control:active,
.sidebar-list input.form-control:hover,
.sidebar-list select.form-control:focus,
.sidebar-list select.form-control:active,
.sidebar-list select.form-control:hover{
	/*border:0px;*/
	outline: none;
	box-shadow: none;
}
.sidebar-drodown{
	text-align: right;
}
.sidebar-drodown .btn-secondary{
	background-color: transparent !important;
    border: 0px;
    color: #049BD0 !important;

    font-size: 14px;
    line-height: 26px;
    text-align: right;
    box-shadow: none !important;
    margin-right: 10px;
}
.sidebar-drodown .btn-secondary:not(:disabled):not(.disabled).active,
.sidebar-drodown .btn-secondary:not(:disabled):not(.disabled):active,
.show>.sidebar-drodown .btn-secondary.dropdown-toggle {
    background-color: transparent !important;
    border: 0px;
    color: #049BD0 !important;

    box-shadow: none;
}
.sidebar-drodown .dropdown-menu.show{
	transform: translate3d(85px, 38px, 0px) !important;
}
.edit-result-button a,.edit-result-button button{
	height: 35px;
	line-height: 32px;
	width: 240px;
	border-radius: 0 0 0 17px;
	background: linear-gradient(228.46deg, #EB7125 0%, #BE1B8A 100%);
	display: block;

	color: #FFFFFF;

	font-size: 13px;
	line-height: 32px;
	text-align: center;
	margin: auto;
	border:0px;
}
.edit-result-button button:focus{
	outline: none;
}
.social-footer-copyright,.social-footer-title{
	color: #FFFFFF;

	font-size: 12px;
	line-height: 23px;
}
.innerpage-footer{
	background-color: #423B80;
	border-top:2px solid #BE1B8A;
	padding: 30px 0px;
	margin-top: 60px;
}
.social-footer{
	text-align: right;
    padding: 0px 110px 0px 0px;
}
.social-footer .social-icons{
	margin: 20px 0px;
}
.footer-links-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-links ul li{
	list-style: none;
}
.footer-links ul li a{
	text-decoration: none;
	color: #FFFFFF;

	font-size: 14px;
	line-height: 33px;
	text-align: right;
}
.footer-logo-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-wrapper .pagination{
	align-items: center;
    justify-content: center;
    margin: 0px;
}
.pagination-wrapper{
	padding: 50px 0px;
}
.pagination-wrapper .page-link{
	color: #109DBC;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	font-weight: 600;
}
.pagination-wrapper .page-item a.page-link.active{
	color: #ffffff;
	background-color: #BE1B8A;
	border-color: #BE1B8A;
}
.stars{
	margin-right: 0px;
}
.resname{
	color: #049BD0;

	font-size: 16px;
	line-height: 20px;
	text-align: right;
}
.rental-title{
	color: #813594;

	font-size: 21px;
	line-height: 24px;
	text-align: right;
	margin-bottom: 15px;
}
.rentalprice{
	border-bottom: 1px solid #DADADA;
}
.rental-input select{
	border: 1px solid #E4E4E4;
	border-radius: 5px;
	background-color: #FFFFFF;
	height: 30px;
	width: 230px;
	padding: 0px 10px;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
}
.rental-input{
	display: flex;
    justify-content: flex-end;
}
.amount{
	color: #109DBC;

	font-size: 16px;
	line-height: 15px;
	text-align: right;
}
.tprice{
	color: #676767;

	font-size: 13px;
	line-height: 15px;
	text-align: right;
	margin-bottom: 10px;
}
.am{
	font-weight: bold;
    font-size: 18px;
    margin: 0px 5px;
    line-height: 30px;
}
.amount span{
	display: inline-block;
}
.totalPrice{
	margin-top: 15px;
}
.postedBy{
	/* padding: 20px 0px; */
	padding: 0px 0px;
	border-bottom: 1px solid #DADADA;
}
.phone span{
	display: inline-block;
}
.phone {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.no{
	color: #676767;

	font-size: 15px;
	line-height: 15px;
	text-align: right;
}
.mobileico{
	height: 26px;
	margin-left: 6px;
}
.colorfull-social-icons ul{
	margin: 0px 40px 0px 0px;
	padding: 0px;
}
.colorfull-social-icons ul li{
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}
.colorfull-social-icons ul li a{
	display: inline-block;
}
.colorfull-social-icons{
	padding: 30px 0px;
    text-align: right;
    border-bottom: 1px solid #DADADA;
}
.other-offers{
	padding: 20px 0px;
}
.offer-thumb{
	border: 1px solid #D2D2D2;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.offer-thumb .detail{
	margin-top: 30px;
}
ul.lightSlider li img{
	width: 100%;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px !important;
    border: 1px solid #BE1B8A;
}
ul.lSPager.lSGallery li a img{
	width: 100%;
}
.crousel-wrapper{
	margin: 20px 0px 30px;
}
.theDetails-title{
	color: #813594;

	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	margin-bottom: 10px;
}
.theDetails p{
	color: #676767;

	font-size: 15px;
	line-height: 23px;
	text-align: right;
}
.theDetails{
	margin: 20px 0px;
}
.specification-points{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0px;
}
.specification-text{
	color: #676767;

	font-size: 14px;
	line-height: 23px;
	text-align: right;
	margin-right: 10px;
	width: 200px;
}
.video-wrapper{
	min-height: 400px;
	margin-top: 20px;
	border-bottom: 1px solid #DADADA;
	padding-bottom: 20px;
}
.video-wrapper iframe{
	min-height: 400px;
}
.Specification{
	border-bottom: 1px solid #DADADA;
    padding: 0px 0px 10px;
}
.video{
	margin-top: 20px;
}
.mapContainer iframe{
	height: 350px;
}
.map-wrapper{
	margin-top: 100px;
	border-bottom: 1px solid #DADADA;
}
.map-wrapper .theDetails-title{
	margin-bottom: 30px;
}
.map-text{
	color: #E5232A;

	font-size: 13px;
	line-height: 23px;
	text-align: right;
	padding: 10px 0px;
}
.evaluation{
	padding: 25px 0px;
	border-bottom: 1px solid #DADADA;
}
.evaluation-text,.pleaseSignin{
	color: #676767;

	font-size: 15px;
	line-height: 23px;
	text-align: right;
}
.evaluation-text span a,.pleaseSignin span a{
	color: #109DBC;
	text-decoration: none;
}
.comments-wrapper{
	padding: 20px 0px;
}
.personpic{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-left: 20px;
}
.comment{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.comments-wrapper .theDetails-title{
	margin-bottom: 30px;
}
.dateName{
	color: #676767;

	line-height: 23px;
	text-align: right;
}
.dateName .date{
	font-size: 12px;
}
.dateName .personname{
	font-size: 15px;
	color: #109DBC;
	margin-left: 50px;
}
.personname a{
	text-decoration: none;
	color: #109DBC
}
.comm{
	color: #676767;

	font-size: 13px;
	line-height: 23px;
	text-align: right;
}
.comments-wrapper{
	border-bottom: 1px solid #DADADA;
}
.pleaseSignin{
	padding: 20px 0px;
	border-bottom: 1px solid #DADADA;
}

/*toggle css start*/
.switch-toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	border-radius: 25px;
	background-color: #9D9D9D;
	margin-bottom: 0px;
}

.switch-toggle input {
	display: none;
}

.switch-toggle div {
	position: absolute;
	border-radius: 50%;
	transition: .1s ease;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.switch-toggle input:checked + div {
	left: 50%;
	background-color: #109DBC;
}

.switch-toggle.inner div {
	width: 20px;
    height: 20px;
    top: -1px;
	left: 1px;

}
/*toggle css end*/

.toggle-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px;
}
.toggle-left{
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-left span{
	color: #9D9D9D;

	font-size: 11px;
	line-height: 20px;
}
.toggle-holder{
	height: 20px;
	margin: 0px 5px;
}
.feature{
	color: #676767;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
}
.areafield label,.areafield input{
	display: block;
	text-align: right;

	color: #676767;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
}
.areafield{
	display: flex;
    flex-direction: column;
   	margin: 20px 20px 0px;
}
.areafield input{
	height: 27px;
	color: #676767;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
	border-radius: 6px;
	border: 1px solid #EDEDED;
	padding: 0px 5px;
}
.areafield input:hover,
.areafield input:focus,
.areafield input:active{
	outline: none;
}
.search-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0px 10px;
	border-bottom: 1px solid #E7E7E7;
	padding: 10px 0px;
}
.region{
	color: #676767;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
}
.place-name{
	color: #676767;

	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	text-align: right;
}
.place-name span{
	color: #BE1B8A;
	font-weight: 800;
}
.search .dropdown-menu{
	width: 94% !important;
	padding-bottom: 25px;
	border-radius: 9px;
	border: 0px;
	margin-top: -14px;
}
.search .thumb-header .sarc{
	font-weight: 700;
    font-size: 15px;
}
.search .thumb-header span{
	font-size: 14px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background-color: #9D9D9D;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 0px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #39BEB2;
}

input:focus + .slider {
  /*box-shadow: 0 0 1px #2196F3;*/
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.colorfull-social-icons ul li a img{
	width: 100%;
}
.dropitems{
	/*display: none;*/
	height: 0%;
}
.my-account-form.addComment .datePick-holder input{
	width: 100%;
}
.datePick-holder {
    position: relative;
    width: 170px;
    margin-left: auto;
}
.dateicon{
	position: absolute;
    top: 8px;
    left: 15px;
}
.my-account-form.addComment input.zeroper{
	width: 77px;
}
.offer-content{
	display: none;
}
.sidebar-drodown .btn-secondary{
	position: relative;
	height: 50px;
}
.dropitemsButton.arrowdown:before{
	content: url("../images/droparrowdown.png");
	position: absolute;
	top: 6px;
    left: -42px;
}
.dropitemsButton.arrowdown:after{
	content: " المزيد ";
	position: absolute;
	top: 6px;
    left: -25px;
}
.dropitemsButton.arrowup:after{
	content: " أقل ";
	position: absolute;
	top: 6px;
    left: -25px;
}
.dropitemsButton.arrowup:before{
	content: url("../images/droparrowup.png");
	position: absolute;
	top: 6px;
    left: -42px;
}
.sidebar-drodown .btn-secondary.arrowdown.arrowup{
	margin-top: 20px;
}
.welcome-title{
	width: 100%;
}
.welcome-title h2{
	color: #676767;

	font-size: 29px;
	line-height: 23px;
}
.welcome-title h3{
	color: #676767;

	font-size: 18px;
	line-height: 23px;
	margin-top: 20px;
}
.welcome-title{
	margin: 50px 0px;
}
.createAccount .form-group input{
	height: 44px;
	width: 315px;
	border: 1px solid #DFDFDF;
	border-radius: 7px;
	background-color: #FFFFFF;
	text-align: right;
    margin-left: auto;
	color: #676767;

	font-size: 13px;
	line-height: 24px;
	text-align: right;
}
.createAccount .form-group.form-check input{
	height: 24px;
	width: 24px;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.createAccount .form-group .check-wrap{
	display: inline-flex;
    flex-direction: row-reverse;
    width: 185px;
}
.createAccount .form-group .check-wrap label{
	margin-right: 35px;

	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
}
.form-group.form-check{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 50px;
    margin-top: 30px;
}
.form-group .form-check label{
	display: block;
    margin-right: 35px;
}
.forget a{

	font-size: 14px;
	line-height: 26px;
	text-align: right;
	color: #676767;
}
.forget a:hover{
	color: #049BD0;
	border-bottom: 1px solid #049BD0;
}
.createAccount .form-group label{
	color: #676767;

	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	text-align: right;
	display: block;
}
.createAccount .form-group small{
	color: #676767;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
	margin-top: 10px;
}
.createAccount{
	width: 100%;
}
.createAccount-button{
		height: 40px;
		width: 138px;
		border-radius: 0 0 0 17px;
		background:
		linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
		text-align: center;
		margin-left: auto;
		display: inline-block;
    	padding: 0px 15px;
}
.createAccount-button .btn.btn-primary{

	font-size: 16px;
	line-height: 30px;
	text-align: center;
	background: transparent;
    border: 0px;
    padding: 5px;
    box-shadow: none;
}
.login-link span{
	display: inline-block;
	color: #676767;

	font-size: 14px;
	line-height: 26px;
}
.login-link span a{
	color: #049BD0;
	margin-right: 10px;
}
.login-link{
	text-align: right;
    width: 100%;
    margin-top: 30px;
}
.back-page-button{
	display: inline-flex;
}
.back-button{
	margin-right: 50px;
}
.back-button a{

	font-size: 14px;
	line-height: 26px;
	text-align: right;
	color: #676767;
}
.back-button a:hover{
	color: #049BD0;
	border-bottom: 1px solid #049BD0;
}
.create-new-account{
	width: 100%;
    text-align: right;
    margin-top: 10px;
}
.view-all-restrooms select{
	width: 229px;
	border: 1px solid #EDEDED;
	border-radius: 7px;
	background-color: #FFFFFF;
	margin: 10px 20px 10px auto;
}
.view-all-restrooms .form-group{
	margin: 0px;
}
.button-group{
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: flex-end;
}
.modify,.thedetail{
	height: 30px;
	width: 100px;
	border-radius: 0 0 0 11px;
	background-color: #39BEB2;
	text-align: center;
}
.modify a,.thedetail a{
	color: #FFFFFF;

	font-size: 13px;
	line-height: 24px;
}
.delete{
	height: 30px;
	width: 100px;
	border-radius: 0 0 0 11px;
	background-color: #E5232A;
	text-align: center;
}
.delete a{
	color: #FFFFFF;

	font-size: 13px;
	line-height: 24px;
}
.button-group div{
	margin-left: 30px;
}
.sidebar-title.restroom-title span{
	color: #39BEB2;

	font-size: 16px;
	line-height: 30px;
	text-align: right;
}
.sidebar-title.restroom-title{
	border-bottom: 1px solid #39BEB2;
    background-color: transparent;
    padding: 0px 0px 13px;
    margin: 15px 20px 0px;
}
.sideLink{
	text-align: right;
}
.sideLink a{
	color: #676767;

	font-size: 16px;
	line-height: 30px;
	text-align: right;
}
.sidebar-list.restroom-list ul li{
	margin: 0px 20px
}
.sidebar-list.restroom-list ul li .sideLink.active a{
	border-bottom: 1px solid #39BEB2;
	color: #39BEB2;
}
.sidebar-list.restroom-list ul li .sideLink a:hover{
	border-bottom: 1px solid #39BEB2;
	color: #39BEB2;
}
.sidebar-list.restroom-list ul li a{
	padding: 15px 0px;
    margin: 0px;
    border-bottom: 1px solid #dddddd;
    display: block;
}
.account01 .newAccount{
	display: none;
}
.change-image{
	position: relative;
	width: 93px;
	margin-left: auto;
	margin-right: 25px;
}
.userImage{
	width: 92px;
	height: 92px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #bb238a;
	border:1px solid #bb238a;
}
.userImage img{
	width: 100%;
	opacity: 0.8;
}
.camraIcon{
	position: absolute;
	width: 22px;
	height: 18px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	line-height: 15px;
	margin: auto;
}
.blue-title{
	color: #109DBC;

    font-size: 22px;
    line-height: 30px;
    text-align: right;
    margin: 20px 10px 20px;
}
.my-account-form{
	width: 70%;
    margin-left: auto;
    margin-right: 10px;
    text-align: right;
    margin-bottom: 24px;
}
.my-account-form label{
	color: #676767;

	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	text-align: right;
}
.my-account-form input,.my-account-form select,.my-account-form textarea{
	color: #676767 !important;

	font-size: 14px;
	line-height: 26px;
	text-align: right;
	height: 44px;

	border: 1px solid #DFDFDF;
	border-radius: 7px;
	background-color: #FFFFFF;
}
.my-account-form.addComment input.zeroper.fileField{
	width: 200px;
}
.my-account-form input.form-control.fileField{
	border:0px;
	width: auto;
}
.my-account-header{
	margin-bottom: 20px;
}
.form-row.top-space{
	margin-top: 10px;
}
.form-group-inner{
	width: 260px;
}
.form-row.select-row{
	margin-top: 10px;
    margin-bottom: 10px;
}
.my-account-form .btn.btn-primary{
	height: 30px;
	border-radius: 0 0 0 11px;
	background-color: #39BEB2;
	border: 0px;
    line-height: 18px;
    font-size: 13px;
    min-width: 100px;
}
.form-group.col-md-3.ml-auto{
	padding: 0px;
    box-shadow: none;
    background-color: transparent;
}
.top30{
	margin-top: 30px;
}
.top10{
	margin-top: 10px;
}
.sidebar-list.restroom-list{
	padding-bottom: 100px;
}
a.code-link{
	color: #676767;

	font-size: 12px;
	line-height: 23px;
	text-align: right;
}
a.code-link:hover{
	color: #049BD0;
    border-bottom: 1px solid #049BD0;
}
.comment-table-wrapper{
	margin: 30px;
}
.comment-table-wrapper thead{
	background-color: #BE1B8A;
}
.comment-table-wrapper table{
	text-align: right;
}
.comment-table-wrapper .table thead th{
    border-bottom: 0px;
    font-weight: normal;
    color: #ffffff;
}
.comment-icons a{
	display: inline-block;
	margin-right: 10px;
}
.comment-table-wrapper .table td{
	position: relative;
	color: #676767;

    font-size: 14px;
    line-height: 24px;
    text-align: right;
}
.comment-icons{
	position: absolute;
    top: 10px;
}
.form-group.password-field input.form-control{
	/*background-image: url(../images/eye.jpg) !important;*/
    background-repeat: no-repeat;
    background-position: 15px center;
}
.modal.location-modal .modal-header{
	padding:5px 10px;
	border-bottom: 0px;
}
.modal.location-modal .modal-body{
	padding-top: 0px;
	color: #676767;		font-size: 16px;	line-height: 23px;	text-align: right;
}
.modal.location-modal button{
	position: absolute;
    right: 10px;
}
.mr40{
	margin-right: 40px;
}
.inner-header-left .personpic {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    margin-left: 0px;
    border: 2px solid #ffffff;
}
.welcome-title.add-comment-title h2{
	color: #109DBC;

	font-size: 26px;
	font-weight: 600;
	line-height: 23px;
	text-align: right;
}
.form-group-title{
	color: #813594;

	font-size: 23px;
	line-height: 23px;
	text-align: right;
	margin-bottom: 15px;
}
.addComment .form-group{
	margin-bottom: 40px;
}
.my-account-form.addComment input{
	width: 50%;
    margin-left: auto;
}
.my-account-form.addComment select{
	width: 25%;
    margin-left: auto;
}
.comment-map-holder{
	min-height: 300px;
    width: 500px;
    margin-left: auto;
    margin-top: 5px;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}
.my-account-form.addComment .toggle-row{
	margin: 20px 0px;
    width: 250px;
    margin-left: auto;
}
.my-account-form.addComment .form-row.select-row input,
.my-account-form.addComment .form-row.select-row select{
	width:100%;
}
.my-account-form.addComment textarea{
	height: auto;
    resize: none;
    width: 70%;
    margin-left: auto;
}
.orangeSpan{
	color: #EB7125;

	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
}
.my-account-form.addComment label{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.label50{
	width: 50%;
	margin-left: auto;
}
.label70{
	width: 70%;
	margin-left: auto;
}
.width20{
	width:25% !important;
	margin-left: auto !important;
}
.s-btw{
	justify-content: space-between !important;
}
.uploadfile{
	height: 119px;
	width: 340px;
	border-radius: 7px;
	background-color: #049BD0;
	margin-left: auto;
	padding:10px;
}
.uploadfile.upload-image{
	position: relative;
	text-align: center;
}
.uploadfile.upload-image input[type="file"]{
	background-color: #049BD0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	margin:auto;
	z-index: 10;
	opacity: 0;
	background-image: url("../images/btnbg.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.uploadfile.upload-image input[type="submit"]{
	height: 30px;
    width: 90px;
    border-radius: 0 0 0 17px;
    background-color: #39BEB2;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    position: relative;
    z-index: 15;
    border: 0px;
    color: #ffffff !important;
    position: relative;
}
.password-holder{
	position: relative;
	position: relative;
    display: inline-block;
}
.passwordField,.passwordField1,.passwordField2{
	position: absolute;
    left: 9px;
    top: 9px;
    cursor: pointer;
}
.password-holder.chaneP{
	display: block;
}


.drag-drop{
		font-size: 14px;	font-weight: bold;	line-height: 26px;	text-align: center;
	margin-bottom: 0px;
	color: #ffffff;
	position: relative;
	z-index: 15;
	display: inline-block;
}
.photosno{
		font-size: 12px;	font-weight: 600;	line-height: 23px;	text-align: center;
	color: #ffffff;
}
button.browse-button{
	height: 30px;
    width: 90px;
    border-radius: 0 0 0 17px;
    background-color: #39BEB2;
    border: 0px;
    color: #ffffff;
    margin: auto;
    display: block;
    margin-top: 15px;
}
.my-account-form.addComment input.form-check-input{
	width: 20px;
    height: 20px;
}
.addComment .form-check{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.addComment label.form-check-label{
	margin-right: 0px;
}
.addCommentButton.comment-btn button{
	width: 337px;
	border-radius: 0 0 0 17px;
	background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.my-account-form .addCommentButton.comment-btn .btn.btn-primary{
    height: 40px;
    border-radius: 0 0 0 11px;
    background-color: #39BEB2;
    border: 0px;
    line-height: 18px;
    font-size: 17px;
    min-width: 100px;
    margin-top: 30px;
}
.addComment .form-check input{
	width: 20px;
    height: 20px;
    margin-left: 10px;
}
.box{
	color: #fff;
	display: none;
	margin-top: 5px;
    margin-bottom: 15px;
}
.format{
	color: #676767;

	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	text-align: right;
	margin-right: 10px;
}
.about-content p{
	color: #676767;

	font-size: 16px;
	line-height: 27px;
	text-align: right;
}
.about-title{
	color: #049BD0;

	font-size: 29px;
	line-height: 23px;
	text-align: right;
}
.Aboutbanner{
	margin: 30px 0px;
}
.Aboutbanner img{
	width: 100%;
}
.pera-title{
	color: #676767;

	font-size: 16px;
	line-height: 27px;
	text-align: right;
	font-weight: 800;
	margin-bottom: 5px;
}
.copyright{
	color: #FFFFFF;

	font-size: 12px;
	line-height: 23px;
	text-align: center;
	direction: rtl;
}
.banner-section .header-links{
	margin-right: 30px;
}
@media only screen and (max-width: 1920px){

	.banner-section{
		height: 100vh;
		display: flex;
		flex-flow: column;
    	justify-content: center;
	}
}
@media only screen and (max-width: 1366px){

	.banner-section{
		height: 100%;
		display: block;
	}
}
@media only screen and (max-width: 1199px){

	.banner-section{
		height: 100%;
	}
	.name{
		font-size: 20px;
	}
	.edit-result-button a, .edit-result-button button{
		width: 200px;
	}
	.colorfull-social-icons ul {
    	margin: 0px 30px 0px 0px;
	}
	.inner-header-left .social-icons ul{
    	margin: 0px 20px;
	}
	.inner-page-header{
		padding: 20px 0px;
	}
	.search .form-control{
		width: auto;
	}
	.search .form-group.select .form-control{
		width: 100px;
	}
	.search{
		margin-right: 20px;
	}
	.banner-content-left{
    	width: auto;
    	margin-left: 0px;
	}
	.banner-content-left p{
		font-size: 14.5px;
	}
	.search .dropdown-menu{
		width: 89% !important;
	}
	.place-name{
    	font-size: 9.5px;
    	line-height: 15px;
    	flex-shrink: 0;
    	width: 50px;
	}
	.region{
		flex-shrink: 0;
	}
	.place-name{
		flex-shrink: 0;
	}
	.search .thumb-header .sarc{
		font-size: 13px;
	}
	.region{
    	font-size: 11px;
    	line-height: 15px;
    	width: 40px;
	}
	.banner-content-left h2{
    	line-height: 50px;
	}
	.mr40 {
    	margin-right: 10px;
	}
	.newAccount a, .offer a{
		font-size: 14px;
	}
	.newAccount a span, .offer a span{
    	margin-right: 5px;
	}

}
@media only screen and (max-width: 991px){
	.personpic.mr40 {
    	margin-right: 10px;
	}
	.form-group-inner {
    	width: auto;
	}
	.my-account-form label{
		font-size: 14px;
	}
	.comment-icons {
    	position: absolute;
    	top: 35px;
    	left: 0px;
	}
	.comment-table-wrapper {
    	margin: 15px;
    	overflow-x: scroll;
	}
	.sidebar-list.restroom-list {
    	padding-bottom: 30px;
	}
	.sideLink a{
		font-size: 14px;
    	line-height: 20px;
	}
	.comment-table-wrapper .table thead th{
		font-size: 14px;
    	line-height: 20px;
	}
	.comment-table-wrapper .table td:first-child{
		padding-left: 45px;
	}
	.comment-table-wrapper .table td br{
		display: none;
	}
	.comment-icons {
    	position: absolute;
    	top: 35px;
    	left: 0px;
	}
	.comment-table-wrapper .table td{
		font-size: 13px;
    	line-height: 20px;
	}
	.views i{
		width: 15px;
    	display: inline-block;
	}
	.views span{
		margin-right: 3px;
	}
	.edit-result-button a, .edit-result-button button{
		width: 145px;
	}
	.colorfull-social-icons ul{
		margin: 0px;
	}
	.social-footer{
    	padding: 0px;
	}
	.info-views{
		margin-bottom: 10px;
	}
	.toggle-row{
		margin: 20px 10px;
	}
	.feature{
		font-size: 11px;
	}
	.inner-page-header .newAccount a span,.inner-page-header .offer a span {
    	margin-right: 10px;
    	font-size: 12px;
	}
	.estraha-logo {
    	margin-right: 10px;
	}
	.inner-header-left .social-icons ul li {
    	margin: 0px 5px;
    	width: 13px;
	}
	.social-icons ul li a{
    	width: 20px;
    	height: 20px;
	}
	.inner-header-left .newAccount, .inner-header-left .offer {
    	margin-right: 15px;
	}
	.edit-result-button button{
		width: 150px;
	}
	.add-comment a{
		width: 150px;
	}
	.inner-header-left .social-icons ul {
    	margin: 0px 10px 0px 0px;
	}
	.logo{
		width: 120px;
	}
	.logo img {
    	width: 80%;
	}
	.search .form-group.select .form-control {
    	width: 80px;
	}
	.search .form-control {
    	width: 112px;
	}
	.search .dropdown-menu {
    	padding-bottom: 10px;
    	margin-top: 10px;
	}
	.banner-content-left h2 {
    	line-height: 36px;
    	font-size: 26px;
	}
	.banner-content-left p {
    	line-height: 22px;
	}
	.thumb-header .sarc{
    	font-size: 16px;
	}
	.break{
		font-size: 14px;
		margin-left: 5px;
	}
	.name{
    	font-size: 15px;
    	line-height: 22px;
	}
	.views-star{
    	align-items: flex-end;
    	justify-content: space-between;
	}
	.views{
		line-height: 15px;
	}
	.views span, .views i{
    	line-height: 9px;
    	display: inline-block;
	}
	.stars {
    	margin-right: 0px;
    	line-height: 10px;
    	width: 55px;
	}
	.stars img{
		width: 100%;
	}
	.thumb-text p{
		font-size: 13px;
    	line-height: 16px;
	}
	.views-star{
		margin-bottom: 5px;
	}
	.thumb-image{
		max-height: 164px;
	}
	.colorfull-social-icons ul li a{
		width: 38px;
	}
	.name{
		font-size: 13px;
    	line-height: 22px;
	}
	.offer-thumb .detail {
    	margin-top: 10px;
	}
	.thumb-header .sarc {
    	font-size: 13px;
	}
	.thumb-header span{
		font-size: 13px;
	}
	.break{
		font-size: 13px;
	}
	.views span{
		font-size: 10px;
	}
}
@media only screen and (max-width: 767px){

	.form-group-title{
		font-size: 20px;
		line-height: 23px;
	}
	.inner-page-header.account-header .inner-header-left {
    	justify-content: center;
	}
	.inner-page-header.account-header .estraha-logo-white {
    	justify-content: center;
	}
	.inner-page-header.account-header .row{
		flex-direction: column-reverse;
	}
	.inner-page-header.account-header .col-md-10{
		margin-top: 10px;
	}

	.my-account-form{
		width: 80%;
		margin:auto;
	}
	.my-account-form.addComment{
		width: 100%;
	}
	.blue-title{
		margin: 20px 55px 20px;
	}
	.change-image {
    	margin: auto;
	}
	.welcome-title h2,.welcome-title h3{
		font-size: 16px;
    	line-height: 23px;
    	margin-top: 10px;
	}
	.welcome-title {
    	margin: 50px 0px 15px;
	}
	.offer-thumb .detail {
    	margin-top: 20px;
	}
	.inner-header-left .social-icons{
		display: none;
	}
	.social-icons ul li{
		margin: 0px 20px 0px 0px;
	}
	.container-fluid.banner-content {
    	margin-top: 40px;
	}
	.banner-content-right{
		margin: 40px 0px;
	}
	.thumbnail-section .col-md-4{
		margin-bottom: 30px;
	}
	.add-comment a {
    	width: 100px;
    	margin-right: 5px;
    	font-size: 13px;
	}
	.inner-page-header .newAccount a span, .inner-page-header .offer a span{
		margin-right: 5px;
	}
	.innerpage-footer .col-md-4 .social-footer{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-links-wrapper{
		margin-bottom: 20px;
	}
	.toggle-row {
    	margin: 20px;
	}
	.sidebar-col{
		margin-top:40px;
	}
	.edit-result-button{
		margin-bottom: 20px;
	}
	.welcome-title {
    	margin: 35px 0px 15px;
	}
}
@media only screen and (max-width: 575px){

	.comment-map-holder {
    	min-height: 200px;
    	width: 300px;
	}
	.addComment .form-group {
    	margin-bottom: 30px;
	}
	.width20 {
    	width: 50% !important;
    	margin-left: auto !important;
	}
	.my-account-form.addComment select {
    	width: 50%;
    	margin-left: auto;
	}
	.addCommentButton.comment-btn button{
		width: 250px;
		margin:auto;
	}
	.uploadfile {
    	height: 119px;
    	width: 300px;
	}
	.createAccount .form-group input{
    	height: 44px;
    	width: 80%;
	}
	.login-link {
    	text-align: right;
    	width: 100%;
    	margin-top: 15px;
	}
	.createAccount .form-group input
	.searchResult{
		font-size: 19px;
    	line-height: 29px;
	}
	.inner-header-left .add-comment{
		margin: 5px 0px;
	}
	.inner-page-header {
    	padding: 20px 0px 10px;
	}
	.estraha-logo-white{
		justify-content: center;
	}
	.inner-page-header .row{
		flex-direction: column-reverse;
	}
	.inner-page-header .col-sm-3	{
		margin-bottom: 15px;
	}
	.footer-links ul{
		padding: 0px 20px;
	}
	.header-links{
    	margin: 10px 0px;
	}
	.social-icons ul{
		text-align: center;
    	margin-bottom: 10px;
	}
	.newAccount {
    	margin-right: 0px;
    	margin-bottom: 10px;
	}
	.search{
		margin-right: 0px;
    	margin-top: 30px;
	}
	.banner-content-right{
		flex-direction: column-reverse;
	}
	.navigation {
    	align-items: center;
    	justify-content: center;
	}
	.logo {
    	width: 100%;
	}
	.logo img {
    	width: 135px;
	}
	.listing-links ul {
    	padding: 0px 10px;
	}
	.listing-links ul li a{
		padding: 10px;
	}
	.info-holder{
		flex-direction: column-reverse;
	}
	.info-holder-left {
    	width: 100%;
    	padding-right: 0px;
	}
	.info-holder-right {
    	width: 100%;
    	margin: 20px 0px;
	}
	.inner-header-left{
		flex-direction: column;
	}
	.inner-header-left .newAccount, .inner-header-left .offer {
    	margin-right: 14px;
	}
	.newAccount{
		margin-bottom: 0px;
	}
}