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

@media (min-width:1px) and (max-width:767px){
	.nonMobile{display:none;}
	.mobile{display: block;}
	.h1{font-size: 9vw;}
	div#fluid-container{width: 90%;margin: 0 auto;}


	.headre-sticky{display: block;height: 82.81px;}
	.mobile-menu{display: block;}
    .mobile-nav{display: block;box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15);z-index: 9999;background: #000;}
    .mobile-menu .header-menu{position: fixed;top: 0;transform-origin: left;transition: .3s all;position: fixed;top: 0;left: 0;right: 0;width: 100%;transform: scalex(0);background: white;z-index: 10000;flex-direction: column;justify-content: unset;display: flex;width: 71%;height: 100%;box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15)}
    .mobile-menu .header-menu.open{transform: scalex(1);}
    .drop-menu-mobile{list-style: none;justify-content: space-between;transition: 0.5s all;transform: scaleY(0);z-index: 5;transform-origin: top;display: none;padding-top: 0px;padding: 0 20px;font-size: 14px;font-weight: 500;color: #213360;line-height: 35px;margin-top: 5px;height: 0%;}
    .drop-menu-mobile.open{transform: scaleY(1);height: 100%;display: block;transition: 0.5s all;}
    .cat-right.up{transform: rotate(180deg);}
    .cat-right{color: #00b3a4;}
    .mobile-menu .header-menu .header-menu-holder{display: flex;flex-direction: column;z-index: 10;width: calc(100% - 30px);margin: 25px 10px 30px 10px;}
    .mobile-menu .header-menu .header-menu-holder .header-menu-item {font-size: 17px;font-weight: 600;padding: 10px 0 3px 3px;line-height: 30px;display: flex;justify-content: space-between;letter-spacing: 0.4px;color: #213360;}
    .mobile-menu .header-menu .schedule-btn.mobile{background: #00b3a4;border-radius: 50px;padding: 0;font-size: 17px;color: #fff;display: flex;align-items: center;line-height: 0;font-weight: 600;height: 50px;margin-top: 21px;display: flex;justify-content: center;width: 65%;margin: 0 auto;}
	.hamburger-box{font-size: 23px;display: flex;align-items: center;color: #fff;}
	.nav-container-mobile{display: flex;justify-content: space-between;padding: 15px 10px;align-items: center;}
	.nav-container-mobile .nav-mobile-title {font-size: 31px;font-weight: 600;color: #fff !important;}
    .click.active{display: none;}
    .close{display: none;font-size: 27px;}
    .close.active{display: block;font-size: 27px;}

	.nav-container{display: none;}
	.banner-holder .banner-txt-holder .banner-title{font-size: 51px;padding:  0 20px;}
	.banner-holder .banner-txt-holder .banner-txt{font-size: 18px;padding: 0 20px;margin-top: 50px;}
	.banner-holder .banner-txt-holder .line-holder{padding: 0 20px;}
	.button-holder.aos-init.aos-animate{padding: 0 20px;}
	.banner-holder .banner-txt-holder .button-holder .start-btn{padding: 16px 35px;}
	.slider-holder{padding: 20px 0 35px;}
	.slider-holder{padding: 20px 0 35px;}
	.about-holder .about-left{width: 100%;}
	.about-holder .about-right{width:100%}
	.about-holder{gap: 70px;margin: 45px 0 70px 0;}
	.service-holder .service-content .service-item{width: 100%;}
	.testimonial-holder .testimonial-txt-holder .left-txt-holder {width: 100%;}
	.testimonial-holder .testimonial-txt-holder .right-txt-holder {width: 100%;justify-content: space-between;margin-top: 50px;}
	.testimonial-holder .testimonial-content .testimonial-item-holder{padding: 45px;}
	.testimonial-holder .testimonial-content .testimonial-item-holder .testimonial-item .item-txt{height: 50vh;}
	.proces-holder .proces-txt-holder .proces-txt{text-align: start;margin: 25px 0 0 0;}
	.proces-banner .banner-content .banner-item{width: 100%;}
	.faq-holder{flex-wrap: wrap;}
	.faq-holder .faq-left{width: 100%;}
	.faq-holder .faq-left .faq-content .faq-item{width: 100%;}
	.faq-holder .faq-right{width: 100%;}
	.footer-banner{padding: 40px 35px;flex-direction: column;}
	.footer-banner .left-content{width: 100%;margin-bottom: 30px;}
	footer .links-holder{padding: 0 50px;flex-direction: column;gap: 30px;}
	footer .bottom-footer .logo-holder{text-align: center;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
	footer .bottom-footer .logo-holder{position: unset;}
	.banner-holder .banner-txt-holder .service-line{width: 37px;}
	.contanct-hodler .contactLeft{width: 100%;}
	.contanct-hodler .contactRight{width: 100%;}
	.contanct-hodler .contactRight #contactForm input{width: 100%;}
	.contact-banner .bottom-path{width: 75%;padding: 15px 40px 0;}
	.map-full{width: 100vw;margin-left: calc(-50vw + 50%);}
	.map-full iframe {width: 100%;height: 350px;border: 0;display: block;}
	.market-holder .market-story{width: 100%;flex-direction: column;}
	.market-holder .market-story .story-img-holder img{border-radius: 15px 15px 0 0;}
	.market-holder .market-trading{width: 100%;}
	.page-banner .bottom-path{width: 75%;padding: 15px 40px 0;}
	.market-item-holder .market-item{width: 100%;}
	.market-holder .market-story .story-img-holder{width: 100%;}
	.market-holder .market-story .story-txt-holder{padding: 30px;width: 100%;}
	.about-us-icon-holder .item{width: 50%;display: flex;justify-content: center;}
	










	header .menu_wrapper .menu_holder {position: fixed;right: 0;top: 0;bottom: 0;background: white;z-index: 99999;width: 80%;transform-origin: right;transform: scaleX(0);transition: .4s all;flex-flow: column;justify-content: center;gap: 15px;height: 100vh;}
	header .menu_wrapper .menu_holder.open {transform: scaleX(1);}
	header .menu_wrapper .menu_holder .close {position: absolute;top: 80px;right: 30px;font-size: 40px;}
	header .menu_wrapper .menu_holder .subMenu {display: block;position: unset;min-width: unset;box-shadow: unset;background: unset;padding: 0;text-align: center;}
	header .menu_wrapper .menu_holder > li > a {font-size: 22px;font-weight: 600;}
	header .menu_wrapper .menu_holder .subMenu li:not(:last-of-type){margin-bottom: 5px;}
	header .menu_wrapper .menu_holder > li{text-align: center;}
	.menu_holder > li:hover::after {display: none;}

	.flexHolder{flex-flow: column;}
	#about .flexHolder .text, #about .flexHolder .image,#about1 .flexHolder .text, #about1 .flexHolder .image,#about2 .flexHolder .text, #about2 .flexHolder .image,#about3 .flexHolder .text, #about3 .flexHolder .image,#about4 .flexHolder .text, #about4 .flexHolder .text2,.pageContent .image-text .image,.pageContent .image-text .text{width: 100%;}

	.pageContent .image-text{flex-flow: column;}
	.drva .drvo{width: calc(calc(100% - 45px)/4);text-align: center;}
	.drva .drvo picture img{width: 100%;}
	table, th, td {font-size: 12px;padding: 5px;}
	.pageContent table th, .pageContent table td{padding: 5px;}
	.tab-header{width: 32%;padding: 15px 0;font-size: 14px;min-width: unset;}
	.pageContent .image-text .text .iconsHolder .icon{width: calc(100% / 3);}
	.pageContent .image-text .text .iconsHolder .icon img{width: 60px;}
	.pageContent .image-text .text .iconsHolder .icon p{font-size: 14px;}

	.page-container .price-item.bg{width: 100%;}
	.page-container .price-item {width: 100%;}
	.section-holder .left-section {width: 100%;}
	.section-holder .right-section {width: 100%;}
	.section-holder .right-section .section-item-container .section-item{width: 100%;}
	.section-holder .right-section .section-item-container .section-item .section-btn {padding: 15px 30px;width: 50%;}
	.winston-nav-menu{flex-wrap: wrap;justify-content: center;}
	.winston-nav-menu .winston-link{width: 100%;}

	
}

@media (max-width: 1400px) and (min-width: 900px) {

.nav-container .nav-holder{padding: 0 10px;width: 100%;}
.nav-container .nav-holder .logo-holder{width: 10%;}
.nav-container .nav-holder .menu-nav-holder{width: 65%;;}
.nav-container .nav-holder .nav-btn-holder{width: 20%;}
.contact-banner .bottom-path{padding: 15px 25px 0;}

}

@media (max-width: 900px) and (min-width: 1px) {
	.nav-container .nav-holder{display: none;}
	.headre-sticky{display: block;height: 82.81px;}
	.mobile-menu{display: block;}
    .mobile-nav{display: block;box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15);z-index: 9999;background: #000;}
    .mobile-menu .header-menu{position: fixed;top: 0;transform-origin: left;transition: .3s all;position: fixed;top: 0;left: 0;right: 0;width: 100%;transform: scalex(0);background: white;z-index: 10000;flex-direction: column;justify-content: unset;display: flex;width: 71%;height: 100%;box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15)}
    .mobile-menu .header-menu.open{transform: scalex(1);}
    .drop-menu-mobile{list-style: none;justify-content: space-between;transition: 0.5s all;transform: scaleY(0);z-index: 5;transform-origin: top;display: none;padding-top: 0px;padding: 0 20px;font-size: 14px;font-weight: 500;color: #213360;line-height: 35px;margin-top: 5px;height: 0%;}
    .drop-menu-mobile.open{transform: scaleY(1);height: 100%;display: block;transition: 0.5s all;}
    .cat-right.up{transform: rotate(180deg);}
    .cat-right{color: #00b3a4;}
    .mobile-menu .header-menu .header-menu-holder{display: flex;flex-direction: column;z-index: 10;width: calc(100% - 30px);margin: 25px 10px 30px 10px;}
    .mobile-menu .header-menu .header-menu-holder .header-menu-item {font-size: 17px;font-weight: 600;padding: 10px 0 3px 3px;line-height: 30px;display: flex;justify-content: space-between;letter-spacing: 0.4px;color: #213360;}
    .mobile-menu .header-menu .schedule-btn.mobile{background: #00b3a4;border-radius: 50px;padding: 0;font-size: 17px;color: #fff;display: flex;align-items: center;line-height: 0;font-weight: 600;height: 50px;margin-top: 21px;display: flex;justify-content: center;width: 65%;margin: 0 auto;}
	.hamburger-box{font-size: 23px;display: flex;align-items: center;color: #fff;}
	.nav-container-mobile{display: flex;justify-content: space-between;padding: 15px 10px;align-items: center;}
	.nav-container-mobile .nav-mobile-title {font-size: 31px;font-weight: 600;color: #fff !important;}
    .click.active{display: none;}
    .close{display: none;font-size: 27px;}
    .close.active{display: block;font-size: 27px;}
	.contact-banner .bottom-path{padding: 15px 25px 0;}
}