.copyright {color: #000; font-weight: bold;}
.contactdetail {font-weight: bold;}

/* our portfolio */
.ourportfolioSec {padding: 80px 136px;}
.ourportfolioSec .secHead {margin-bottom:60px;}

.ourportlist {margin: 0 -22px; font-size: 0;}
.ourportlist li {display: inline-block; width: 50%; padding: 0 22px; vertical-align: top;}

.portfolioBox {display: block;}
.portfolioImg {position: relative; padding-bottom:66%; overflow: hidden;}
.portfolioImg img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; top: 0;
    left: 0; right: 0; bottom: 0; object-fit: cover; object-position: center; transition: transform .4s ease-in-out;}

.portfolioCon {padding: 40px 20px 40px 64px;}
.portName {font-size: 28px; display: block;}
.portTitle {font-size: 48px; position: relative; padding-right: 54px; display: inline-block;font-weight: 700;}

.portTitle:before {content: ''; position: absolute; background: #000000; width: 37px; height: 4px; right: 0; top: 0; bottom: 0; margin: auto;}

.portfolioBox:hover .portfolioImg img {transform: scale(1.1);}
/* our portfolio */

/*---join-portfolio---*/
.ffc{font-family: "century-gothic";}
.join-portfolio-banner{position: relative;z-index: 2;padding-top: 346px;padding-bottom: 278px;}
.bg{background-position: center;background-size: cover;background-repeat: no-repeat;}
.bgoverlay:before{content: ""; position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.2;z-index: -1;}
.text-white{color: #fff;}
.cms-content p{font-family: 'Poppins', sans-serif;font-weight: 400;line-height: 1.4;font-size: 16px;}
.contact-content.join-portfolio-content .cms-content{max-width: 96%;}
.join-portfolioSec{max-width: 1920px;margin-left: auto;margin-right: auto;}
.join-portfolioSec .contact-img img{filter: grayscale(0);}
.join-portfolioSec .contact-content .secHead{margin-bottom: 50px;}
/*.join-portfolioSec .contact-content .secHead .secTitle{font-size: 78px;}*/

/*---join-portfolio---*/

/*---contact-us---*/
.contact-content.contentSec{max-width: 82%;}
.contentSec .contactuscol:first-child{width: 45%;}
.contentSec .contactuscol:last-child{width: 55%;}
.contactus-img img{margin-left: auto;}

/*---contact-us---*/

/*---how-we-manage---*/
p{font-family: 'Poppins', sans-serif;}
.paddleft{padding-left: 190px;}
.py-50{padding-top: 50px;padding-bottom: 50px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}
.py-150{padding-top: 150px;padding-bottom: 150px;}
.mt-80{margin-top: 80px;}
.manageabout .content{max-width: 77%;margin-bottom: 60px;}
.manageabout .content p{font-size: 16px;font-weight: 400;line-height: 1.2;}
.manageabout .btn{font-size: 24px;}
.manageabout .secHead{margin-bottom: 29px;}
.manage-img{position: relative; max-width: 975px;margin-left: auto;width: 100%;display: block;padding-bottom: 59%;}
.manage-img img{position: absolute;width: 100%;height: 100%;max-width: 100%;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;
object-fit: cover;object-position: center;}
.page-inner{max-width: 1920px;margin-left: auto;margin-right: auto;}
.property-listbox ul{font-size: 0;}
.property-listbox ul li{display: block;position: relative;padding-left: 20px;padding-right: 15px; font-size: 16px;font-weight: 400;line-height: 1.4;color: #8b8b8b; font-family: 'Poppins', sans-serif;}
.property-listbox ul li:before{position: absolute;content: "";width: 10px;height: 10px;background: #000;top: 7px;left: 0;border-radius: 50%;}
.property-listbox.half ul li{width: 50%;display: inline-block;vertical-align: top;}
.manage-property .property-listbox{max-width: 76%;}
.manage-property .secHead{margin-bottom: 50px;}

.marketingrow .marketingcol:first-child{width: 38%;}
.marketingrow .marketingcol:last-child{width: 62%;}
.marketingmain{margin: 0 -15px;}
.marketingmain .item{padding: 0 15px;}

.hostingserviceSec.py-100{padding-top: 110px;} 
.managepropertySec.py-150{padding-top: 130px;}
.marketingimg{position: relative;display: block;width: 100%;padding-bottom: 148%;}
.marketingimg img{position: absolute;width: 100%;height: 100%;max-width: 100%;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;
object-position: center;}

/*---how-we-manage---*/

/*---moroccan-sol---*/

.propertiesSec {padding: 100px 128px;padding-left: 180px;}
.propertiesTop {padding: 0;margin-bottom: 17px;}
.propertiesTop .secHead span {display: block; font-size: 28px;}
.propertiesTop .secHead .secTitle {position: relative; display: inline-block; padding-right: 75px; width: auto;}
.propertiesTop .secHead .secTitle:before {content: ''; position: absolute; background: #000000; width: 53px; height: 6px;
    right: 0; top: 0; bottom: 0; margin: auto;}
.propertiesTop .cms-content{max-width: 94%;}

.propergalleryboxs{display:grid;grid-template-columns: 48% 28.8% 20.4%; grid-auto-flow: row; grid-auto-rows:294px;grid-gap:22px}
.propergalleryboxs .gallerybox:nth-child(1){grid-row: span 2;grid-column: span 1;}
.propergalleryboxs .gallerybox:nth-child(2){grid-row: span 1;grid-column: span 1;}
.propergalleryboxs .gallerybox:nth-child(3){grid-row: span 2;grid-column: span 1;}
.propergalleryboxs .gallerybox{display:flex;width:auto;align-items:center;justify-content:center;font-size:0;font-weight:700;color:#fff;}
.propergalleryboxs .gallerybox .galleryboximg{width:100%;object-fit:cover;height:100%;}
.propergalleryboxs .gallerybox img{width:100%;object-fit:cover;height:100%;}

.propergalleryboxstwo{margin: 0 -11px;display: flex;flex-wrap: wrap;}
.propergalleryboxstwo .gallerybox{padding: 0 11px;flex: 0 0 auto;margin-bottom: 20px;}
.propergalleryboxstwo .galleryboximg{position: relative;display: block;width: 100%; padding-bottom: 50%;}
.propergalleryboxstwo .galleryboximg img{position: absolute;width: 100%;height: 100%;max-width: 100%;max-height: 100%;top: 0;left: 0;bottom: 0;right: 0;
object-position: center;object-fit: cover;}

.propergalleryboxstwo .gallerybox:first-child{width: 100%;}
.propergalleryboxstwo .gallerybox:first-child .galleryboximg {padding-bottom: 35%;}

.propergalleryboxstwo .gallerybox{width: 25%;}
.propergalleryboxstwo .gallerybox .galleryboximg {padding-bottom: 57%;}
.propertycon .property-listbox ul li{padding-left: 26px;}

.propertylist ul li{font-size: 22px;font-weight: 400;line-height: 1.4;color: #000;display: inline-block;vertical-align: top;font-family: "century-gothic";}
.propertylist ul li ~ li{margin-left: 5px;}
.viewmoreproperty{font-size: 24px;font-weight: 700;line-height: 1.4;color: #000; font-family: "century-gothic";vertical-align: middle;}
.viewmoreproperty span{width: 46px;height: 46px;background: #000;margin-left: 14px;display: inline-block;vertical-align: middle;position: relative;}
.viewmoreproperty span .icon{font-size: 22px;color: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;line-height: 46px;
text-align: center;}
.propertycon{padding-top: 32px;padding-bottom: 80px;padding-left: 64px;}
.propertybook{margin-bottom: 78px;}
.btnpropert{padding: 19px 48px;background: #000;min-width: 325px;display: inline-block;border: 1px solid #000;}
.btn.btn-black{color: #fff;font-family: "century-gothic";font-size: 24px;display: block;text-align: center;}
.btnpropert:hover{background: transparent;border-color: #000;}
.btnpropert:hover .btn{color: #000;}
.propertycon .property-listbox{max-width: 84%;}
.instagramMian{margin-top: 30px;}
.instagramMian .instagramview{position: relative; font-size: 24px;font-weight: 700;color: #000;line-height: 1.2;padding: 9px 62px;padding-right: 0;
display: inline-block;transition: all 0.4s ease-in-out;}
.instagramMian .instagramview span{position: absolute;top: 0;left: 0; width: 46px;height: 46px;background: #000;display: inline-block;
text-align: center;}
.instagramMian .instagramview span .icon{position: absolute;line-height: 46px;color: #fff;font-size: 23px;top: 0;left: 0;right: 0;bottom: 0;}
.instagramMian .instagramview:hover{background: #000;color: #fff;padding-right: 15px;padding-left: 50px;}

/*---moroccan-sol---*/


/*---Thank-You---*/

.commonboximg{max-width: 150px;margin-left: auto;margin-right: auto; margin-bottom: 40px;display: block;}
.commonboxcon .commontitle{font-size: 120px;line-height: 1;margin-bottom: 15px;}
.commonboxcon .btn{margin-top: 10px;}

/*---Thank-You---*/

/*---404 Page---*/
.errorCon{text-align: center; max-width: 450px;margin: auto;}
.errorTitle{font-size: 200px;font-weight: 800;color: #000;line-height: 0.8;margin-bottom: 25px;}
.errorTitle span{color: #8b8b8b;}
.errorSubTitle{font-size: 40px;line-height: 1;color: #000;font-weight: 800;padding-bottom: 12px;}
.errorImg {margin: auto; max-width: 270px;max-height: 325px;}
.errorImg img{height: 100%;width: 100%;object-fit: cover;}
.errorCon p{margin-bottom: 32px;}
/*---404 Page---*/

/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (max-width: 1920px) {


}

@media only screen and (max-width: 1660px) {


}

@media only screen and (max-width: 1599px) {
   
/* our portfolio */
.ourportfolioSec {padding: 80px 64px;}
.portfolioCon{padding: 30px 15px 30px 40px;}
.portName{font-size: 24px;}
.portTitle{font-size: 40px;}
/* our portfolio */

/*---moroccan-sol---*/

.propertiesSec{padding: 80px 50px;}
.propertycon{padding-left: 0;}
.propertiesTop .cms-content{max-width: 100%;}
.propertycon .property-listbox{max-width: 90%;}
.propergalleryboxs{grid-gap: 16px;}
.propergalleryboxstwo{margin: 0 -8px;}
.propergalleryboxstwo .gallerybox{padding: 0 8px;}
/*---moroccan-sol---*/
   
}

@media only screen and (max-width: 1366px) {

/*---footer---*/
.footerMain {padding: 50px 40px;}
/*---footer---*/

/*---moroccan-sol---*/
.propertylist ul li{font-size: 18px;}
.viewmoreproperty{font-size: 20px;}
.viewmoreproperty span{width: 35px;height: 35px;margin-left: 10px;}
.viewmoreproperty span .icon{font-size: 18px;line-height: 35px;}
.btnpropert{min-width: 290px;padding: 14px 45px;}
.btn.btn-black{font-size: 20px;padding-right: 40px;}
.book-stay-btn .btn-black{padding-right:79px;}
.btn:before{width: 30px;}
.propertycon .property-listbox{max-width: 100%;}
.propertybook{margin-bottom: 40px;}
.propertycon{padding-bottom: 70px;}
/*---moroccan-sol---*/

}

@media only screen and (max-width: 1280px) {
   
}


@media only screen and (max-width: 1199px) {

.footerlogo img {max-width: 250px;}

/* our portfolio */
.ourportfolioSec{padding: 50px 40px;}
.ourportfolioSec .secHead{margin-bottom: 45px;}
.ourportlist{margin: 0 -10px;}
.ourportlist li{padding: 0 10px;}
.portfolioCon{padding: 20px 15px 20px 20px;}
.portName{font-size: 20px;}
.portTitle{font-size: 26px;padding-right: 45px;}
.portTitle:before{width: 30px;}
/* our portfolio */
.book-stay-btn{font-size: 18px; width: auto !important;}
.book-stay-btn .btn{line-height: 58px;}
.book-stay-btn .btn:before{top: 6px;}
/*---moroccan-sol---*/

.propertiesSec{padding: 50px 40px;}
.propertylist ul li{font-size: 16px;}
.viewmoreproperty{font-size: 16px;}
.btnpropert{min-width: 260px;padding: 14px 30px;}
.propertycon{padding-bottom: 50px;}
.propergalleryboxs{grid-gap: 13px;}
.propergalleryboxstwo{margin: 0 -6px;}
.propergalleryboxstwo .gallerybox{padding: 0 6px;}
.propergalleryboxs{grid-auto-rows: 158px;}
.instagramMian .instagramview{font-size: 20px;padding: 10px 50px;padding-right: 0;}
.instagramMian .instagramview span{width: 40px;height: 40px;}
.instagramMian .instagramview span .icon{line-height: 40px;font-size: 20px;}
.instagramMian .instagramview:hover{padding-left: 40px;padding-right: 12px;}
/*---moroccan-sol---*/

}


/* common css for below screen 991 */

@media only screen and (max-width: 991px) {

 .footerMain {padding: 30px 20px;}
 /* .copyright {margin-top: 20px; text-align: center; padding-top: 20px; border-top: 1px solid #cccccc;} */
 .footemail {text-align: center;}

/* our portfolio */
.ourportfolioSec{padding: 50px 20px;}
/* our portfolio */

/*---moroccan-sol---*/

.propergalleryboxs{grid-auto-rows: 115px;}
.propertiesSec{padding: 50px 20px;}
.propergalleryboxs{grid-gap: 10px;}
.propergalleryboxstwo{margin: 0 -5px;}
.propergalleryboxstwo .gallerybox{padding: 0 5px;}
.propertyrow.justify-content-between{justify-content: center !important;}
.propertycol:nth-child(2){text-align: right;}
.propertycol:last-child{margin-top: 15px;}
.propertiesTop .secHead .secTitle{padding-right: 60px;}
.propertiesTop .secHead .secTitle:before{width: 40px;}
/*---moroccan-sol---*/

}


/* common css for below screen 767 */

@media only screen and (max-width: 767px) {

/* our portfolio */

.ourportfolioSec{padding: 30px 15px;}
.ourportfolioSec .secHead{margin-bottom: 30px;}
.portfolioCon{padding: 15px 15px;}
.portName{font-size: 16px;}
.portTitle{font-size: 22px;padding-right: 38px;}
.portTitle:before{width: 26px;}

/* our portfolio */

/*---moroccan-sol---*/

.propertiesSec{padding: 30px 15px;}
.propertycon{padding: 30px 0;}
.btnpropert{padding: 12px 20px;min-width: auto;}
.btnpropert .btn{padding: 0;padding-right: 30px;}
.btn.btn-black{font-size: 16px;}
.propertybook{margin-bottom: 30px;}
.propertiesTop .secHead span{font-size: 22px;}
.propertiesTop .secHead .secTitle{padding-right: 50px;}
.propertiesTop .secHead .secTitle:before{width: 35px;height: 4px;}
.propergalleryboxs{grid-gap: 0;margin: 0 -5px;}
.propergalleryboxs .gallerybox{padding: 5px 5px;}
.instagramMian .instagramview{font-size: 18px;}
/*---moroccan-sol---*/
.book-stay-btn .btn{line-height: 50px;}
}


@media only screen and (max-width: 568px) {

   .footerMain {text-align: center; padding: 0 15px 20px;}   
   .footerMain .text-end{text-align: center !important;}
   .footerlogo {display: block; margin-bottom: 20px;}
   .footemail {margin-bottom: 20px !important; display: block;}
   .copyright {margin-top: 15px;}

   /* our portfolio */
   .ourportlist li{width: 100%;}
   /* our portfolio */

   /*---moroccan-sol---*/
.propergalleryboxs{grid-template-columns: 50% 50%;}
.propergalleryboxs{grid-auto-rows: 130px;}
.propergalleryboxs .gallerybox:nth-child(1){grid-row: span 1;grid-column: span 1;}
.propergalleryboxs .gallerybox:nth-child(2){grid-row: span 1;grid-column: span 1;}
.propergalleryboxs .gallerybox:nth-child(3){grid-row: span 1;grid-column: span 1;}
.propertycol:nth-child(2){text-align: center;}
.propertycon{padding: 20px 0;}
.propertylist{text-align: center;}
.propertycol{margin-bottom: 18px;}
.propertycol:last-child{margin-top: 0;margin-bottom: 0;}
.propertybook{margin-bottom: 20px;}
.propergalleryboxstwo .gallerybox{margin-bottom: 10px;}
.propergalleryboxstwo .gallerybox{width: 50%;}
.propertiesSec.pb-0{padding-bottom: 30px !important;}

   /*---moroccan-sol---*/

}

/* common css for below screen 479 */
@media only screen and (max-width: 479px) {

.socialMeadia a {font-size: 22px; padding: 0 8px;}
.headerMain {padding: 15px 10px;}
.headerMain.has_sticky {padding: 10px;}

}

@media only screen and (max-width: 380px) {
   
}


@media only screen and (max-width: 350px) {

.socialMeadia a {font-size: 20px; padding: 0 4px;}
.headerMain .siteLogo img {min-width: 172px;}

}