@charset "utf-8";
/* CSS Document */

@media (min-width:1px) and (max-width:767px){
	.nonMobile{display:none;}
	.mobile{display: block;}
	.h1{font-size: 9vw;}
	a{-webkit-tap-highlight-color: transparent;}

	.menu-bg{height: 100%;}
	.menu-bg .top-menu{justify-content: space-between;}
	.menu-bg .top-menu .logo-holder{width: unset;font-size: 35px;}
	.menu-bg .banner-holder{padding: 100px 0;flex-direction: column;gap: 90px;}
	.menu-bg .banner-holder .banner-title .title{font-size: 30px;color: #bba169;width: 100%;font-weight: 600;}
	.about-section .about-content{text-align: center;padding: 80px 0 200px 0;}
	.about-section .about-content .about-title{font-size: 35px;}
	.about-section .about-content .about-txt{font-size: 20px;}
	.services-section .services-content{display: flex;gap: 70px;margin-bottom: 120px;flex-direction: column;}
	.menu-bg .top-menu .menu-link{display: none;}
	.menu-bg .banner-holder .call-btn-holder .call-btn{padding: 10px 60px;}
	.menu-bg .banner-holder .call-btn-holder .call-btn img{width: 25px;}
	.contact-section .contact-content{padding: 45px 0 50px 0;flex-direction: column;gap: 150px;}
	.services-section{padding: 0;}
	.services-section .services-content .services-txt-holder .service-title{font-size: 30px;}
	.services-section .services-content .services-img-holder{outline: unset; outline-offset: unset; border-radius: unset;display: flex;justify-content: center;}
	.services-section .services-content .services-img-holder .services-img{width: 300px;height: 500px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;outline: 1px solid #bba169;outline-offset: 10px;}
	.menu-bg .banner-holder-img{outline: unset;outline-offset: unset; border-radius: unset; display: flex;justify-content: center;}
	.services-section .services-content .services-txt-holder .call-btn-holder .call-btn{padding: 10px 60px;}
	.services-section .services-content .services-txt-holder .call-btn-holder .call-btn img{width: 25px;}
	.menu-bg .banner-holder-img img{width: 320px;height: 450px;object-fit: cover;border-radius: 270px 270px 0 0;outline: 1px solid #bba169;outline-offset: 10px;}
	.contact-section .contact-content .contact-img-holder{outline: unset;outline-offset: unset;border-radius: unset;display: flex;justify-content: center;}
	.contact-section .contact-content .contact-txt-holder .contact-title{font-size: 35px;}
	.contact-section .contact-content .contact-img-holder img.contact-img{width: 300px;height: 500px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;outline: 1px solid #bba169;outline-offset: 10px;}
	footer .footer-container{padding: 50px 0;flex-direction: column;gap: 70px;}
	.menu-bg .top-menu .menu-contact .mobile{display: block;}
	.menu-bg .top-menu .menu-contact .desktop{display: none;}
	.menu-bg .menu-contact img{width: 23px;}


}

@media (min-width:768px) and (max-width:1024px){

	.menu-bg{height: 100%;}
	.menu-bg .top-menu{justify-content: space-between;}
	.menu-bg .top-menu .logo-holder{width: unset;font-size: 35px;}
	.menu-bg .banner-holder{padding: 100px 0;flex-direction: column;gap: 90px;}
	.menu-bg .banner-holder .banner-title .title{font-size: 30px;color: #bba169;width: 100%;font-weight: 600;}
	.about-section .about-content{text-align: center;padding: 80px 0 200px 0;}
	.about-section .about-content .about-title{font-size: 35px;}
	.about-section .about-content .about-txt{font-size: 20px;}
	.services-section .services-content{display: flex;gap: 70px;margin-bottom: 120px;flex-direction: column;}
	.menu-bg .top-menu .menu-link{display: none;}
	.menu-bg .banner-holder .call-btn-holder .call-btn{padding: 10px 60px;}
	.menu-bg .banner-holder .call-btn-holder .call-btn img{width: 25px;}
	.contact-section .contact-content{padding: 45px 0 50px 0;flex-direction: column;gap: 150px;}
	.services-section{padding: 0;}
	.services-section .services-content .services-txt-holder .service-title{font-size: 30px;}
	.services-section .services-content .services-img-holder{outline: unset; outline-offset: unset; border-radius: unset;display: flex;justify-content: center;}
	.services-section .services-content .services-img-holder .services-img{width: 300px;height: 500px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;outline: 1px solid #bba169;outline-offset: 10px;}
	.menu-bg .banner-holder-img{outline: unset;outline-offset: unset; border-radius: unset; display: flex;justify-content: center;}
	.services-section .services-content .services-txt-holder .call-btn-holder .call-btn{padding: 10px 60px;}
	.services-section .services-content .services-txt-holder .call-btn-holder .call-btn img{width: 25px;}
	.menu-bg .banner-holder-img img{width: 320px;height: 450px;object-fit: cover;border-radius: 270px 270px 0 0;outline: 1px solid #bba169;outline-offset: 10px;}
	.contact-section .contact-content .contact-img-holder{outline: unset;outline-offset: unset;border-radius: unset;display: flex;justify-content: center;}
	.contact-section .contact-content .contact-txt-holder .contact-title{font-size: 35px;}
	.contact-section .contact-content .contact-img-holder img.contact-img{width: 300px;height: 500px;object-fit: cover;border-radius: 270px 270px 0 0;border: 10px solid #bba169;outline: 1px solid #bba169;outline-offset: 10px;}
	footer .footer-container{padding: 50px 0;flex-direction: column;gap: 70px;}
	.menu-bg .top-menu .menu-contact .mobile{display: block;}
	.menu-bg .top-menu .menu-contact .desktop{display: none;}
	.menu-bg .menu-contact img{width: 23px;}
}