/*

Version: 1.0

Author: Symlink Technology

Author URI: https://www.symlinktech.com/.

*/





@media screen and (min-width: 1900px) {

	

}



@media screen and (min-width: 1500px) {

	

}



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

	

}



@media screen and (min-width: 1367px) and (max-width: 1920px){

	

}



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

	

}



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



}



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

	.banner-boxes .owl-carousel .owl-nav .owl-prev,.banner-boxes .owl-carousel .owl-nav .owl-next{display:block}

	footer.sec-footer::before{top:-98%}

}



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

	header .menubar{position:fixed;height:100vh;width:300px;top:0;right:0;background:#fff;display:block;transform:translateX(calc(100% + 20px));box-shadow:rgba(0,0,0,0.2) -2px 0 15px;transition:all .3s ease}

	header .menubar.active{transform:translateX(0%)}

	header .menubar .menubar-content{display:block;height:auto}

	header .menubar .header-social .item{padding:0 20px; display: none;}
	
	.social-div{display: block;}
	.social-div .header-social-show{display: flex;justify-content: space-around;    margin: 10px auto 0; }


	.btn-menu{display:block;float:right;margin:20px 0}

	.sec-banner{height:460px}

	.sec-banner .banner-content .tittle{font-size:28px;margin:10px 0}

	.sec-banner .banner-content .tittle-content{font-size:23px}

	.sec-banner .banner-content .tittle-staff{font-size:16px}

	.sec-banner .banner-content .sec-tittle-agent{font-size:14px}

	.sec-banner .banner-content .banner-content-tittle > li{font-size:12px}

	.sec-banner:after{width:300px;right:30px}

	.sec-faq .collapse-content .tittle{font-size:25px}

}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

	header .menubar{position:fixed;height:100vh;width:300px;top:0;right:0;background:#fff;display:block;transform:translateX(calc(100% + 20px));box-shadow:rgba(0,0,0,0.2) -2px 0 15px;transition:all .3s ease}

	header .menubar.active{transform:translateX(0%)}

	header .menubar .menubar-content{display:block;height:auto}

	header .menubar .header-social .item{padding:0 20px; display: none;}
	header .logo-content{margin: 0;}

	.btn-menu{display:block;float:right;margin:10px 0}
	.social-div{display: block;}
	.social-div .header-social-show{display: flex;justify-content: flex-end;margin: 10px auto 0;}
	

	.sec-banner{height:460px!important}

	.sec-banner .banner-content .tittle{font-size:28px;margin:10px 0}

	.sec-banner .banner-content .tittle-content{font-size:23px}

	.sec-banner .banner-content .tittle-staff{font-size:16px}

	.sec-banner .banner-content .sec-tittle-agent{font-size:14px}

	.sec-banner .banner-content .banner-content-tittle > li{font-size:12px}

	.sec-banner:after{width:300px;right:30px}

	.banner-boxes{transform:translateY(0px)!important}

	.sec-faq .collapse-content .tittle{font-size:25px}

	.sec-pricing .pricing-content .pricing-container{margin:0 -5px}

	.sec-pricing .pricing-content .pricing-container .item{margin:0 10px 15px;border-radius:4px}

	.sec-pricing .pricing-content .pricing-container .item .plan{width:180px;padding:5px}

	.sec-pricing .pricing-content .pricing-container .item .plan .tittle{margin:0 0 10px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor .number{font-size:20px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor .number::before{font-size:16px;top:0}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor{font-size:12px}

	.sec-pricing .pricing-content .pricing-container .item .contn{line-height:15px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .img-container{margin-right:4px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .feature-title{line-height:16px;font-size:12px}

	.sec-pricing .pricing-content .pricing-container .item .getting-now{padding:6px 40px;font-size:14px;border-radius:10px;margin:5px}

	.sec-cost .cost-conainer .tittle{font-size:30px}

	.sec-cost .cost-sec > li .item .tittle{font-size:14px}

	.sec-cost .cost-sec > li .item-middle .tittle{font-size:14px}

	.sec-cost .cost-sec > li .item-right .tittle{font-size:14px}

	.sec-our-clients .client-content .tittle{font-size:18px}

	.sec-our-clients .learn-more .more{padding:20px 40px}

	.sec-content .content-choose .tittle{font-size:18px}

	.sec-content .content-choose .tittle::before{width:268px}

	.sec-content .our-content .tittle{font-size:18px}

	.sec-content .our-content .tittle::before{display:none}

	.sec-content .our-content .tittle-right{font-size:18px}

	.sec-content .our-content .tittle-right::before{display:none}

	.sec-contact-us .cntn-list{justify-content:center}

	.sec-contact-us .cntn-list > li{-ms-flex:0 0 33.33%;flex:33.33%;max-width:33.33%}
	.sec-content .our-content .tittle-right-sub::before{display: none;}
	.sec-content .content-choose .tittle::before{width: 163px;}

	footer.sec-footer::before{top:-98%}

}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	header .logo-content{margin: 0;}
	.btn-menu{ margin: 15px 0;}
	.social-div{display: block;}
	.social-div .header-social-show{display: flex;justify-content:flex-end;    margin: 10px auto 0;}

	.sec-pricing .pricing-content .pricing-container .item .plan{width:190px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor .number{font-size:28px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .img-container{margin-right:5px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .feature-title{font-size:13px}

	.sec-pricing .pricing-content .pricing-container .item .getting-now{padding:10px 40px;font-size:14px;margin:10px}

	.sec-cost .cost-conainer .tittle{font-size:30px}

	.sec-cost .cost-sec > li .item-middle .tittle{font-size:14px}

	.sec-cost .cost-sec > li .item-right .tittle{font-size:14px}

	.sec-our-clients .client-content .tittle{font-size:20px}

	.sec-our-clients .learn-more .more{padding:20px 40px}

	.sec-content .content-choose .tittle{font-size:18px}

	.sec-content .our-content .tittle{font-size:18px}

	.sec-content .our-content .tittle::before{display:none}

	.sec-content .our-content .tittle-right{font-size:18px}

	.sec-content .our-content .tittle-right::before{width: 290px;}

	.sec-content .content-choose .tittle::before{width: 400px;}

	.sec-contact-us .cntn-list > li p{font-size:13px}
	.sec-content .our-content .tittle-right-sub::before { width: 190px;}
	

}



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

	header .logo-content > a{max-width:130px}
	header .logo-content{margin: 0;}

	header .menubar{position:fixed;height:100vh;width:300px;top:0;right:0;background:#fff;display:block;transform:translateX(calc(100% + 20px));box-shadow:rgba(0,0,0,0.2) -2px 0 15px;transition:all .3s ease}

	header .menubar.active{transform:translateX(0%)}

	header .menubar .menubar-content{display:block;height:auto}

	header .menubar .header-social .item{padding:0 20px; display: none;}
	.social-div{display: block;}
	.social-div .header-social-show{display: flex; justify-content: center;    margin: 5px auto 0;}
	.social-div .header-social-show .item-list > i{font-size: 12px;}
	.social-div .header-social-show .item-list > a{font-size: 12px; margin: 0 3px; font-weight: 500;color: #212121;}

	.btn-menu{display:block;float:right;margin:10px 0;font-size:23px}

	.sec-banner{height:calc(100vh - 67px);overflow-x:hidden}

	.sec-banner .banner-content .tittle{font-size:20px;margin:0 0 5px}

	.sec-banner .banner-content .tittle-content{font-size:18px;margin:0 0 5px}

	.sec-banner .banner-content .tittle-staff{font-size:16px}

	.sec-banner:after{width:170px;right:20px}

	.sec-banner .banner-content .sec-tittle-agent{display:none}

	.sec-banner .banner-content .banner-content-tittle{display:none}

	.sec-cost .cost-sec > li .item .tittle{font-size:13px}

	.sec-cost .cost-sec > li .item-middle .tittle{font-size:13px}

	.sec-cost .cost-sec > li .item-right .tittle{font-size:13px}

	.content-section .about-content .section-tittle{font-size:16px}

	.content-section .about-content .section-tittle::after{height:2px;top:8px;left:116px}
	.sec-content .our-content .tittle-right-sub::before{display: none;}

	.sec-faq .collapse-content .tittle{font-size:20px}

	.get-now .get-content .tittle{font-size:20px}

	footer.sec-footer .copyright .copyright-left .img-container > a{max-width:110px;margin:9px 0;margin-right:10px}

	footer.sec-footer .copyright .copyright-left .img-content{padding:10px 0}

	footer.sec-footer .copyright .copyright-left .img-content .tittle{margin:0;line-height:15px}

	footer.sec-footer .copyright .copyright-left .img-content .tittle-company{margin:0;line-height:15px}

	footer.sec-footer .copyright .copyright-right .copy-link{margin:9px 0}

	footer.sec-footer .copyright .copyright-right .copy-link > li a{padding:7px}

}



@media screen and (max-width:767px) and (orientation:portrait) {
	
	.social-div{display: block;}
	.social-div .header-social-show{flex-wrap: wrap; justify-content: center;    margin: 5px auto 0;}
	
	.social-div .header-social-show .item-list > i{font-size: 12px;}
	.social-div .header-social-show .item-list > a{font-size: 12px; margin: 0 3px; font-weight: 500;color: #212121;}

	.sec-banner:after{width:300px;right:-100px}

	.sec-banner .banner-content .tittle{font-size:36px;margin:0 0 5px}

	.sec-banner .banner-content .tittle-content{font-size:24px;margin:0 0 40px}

	.sec-banner .banner-content .tittle-staff{font-size:20px;margin-right:80px;line-height:24px}

	.sec-banner .banner-content{margin:0}

	.banner-boxes{transform:translateY(100px);z-index:9}

	.sec-pricing .pricing-content .pricing-container .item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:calc(100% - 30px);border-radius:4px}

	.sec-cost .cost-conainer .tittle{font-size:25px}

	.sec-cost .cost-sec > li .item .tittle{font-size:11px}

	.sec-cost .cost-sec > li .item-middle .tittle{font-size:11px}

	.sec-cost .cost-sec > li .item-right .tittle{font-size:11px}

	.sec-cost .cost-sec > li .item .monthly{font-size:12px}

	.sec-cost .cost-sec > li .item .plans{display:none}

	.sec-cost .cost-sec > li .item-middle .cost-price{font-size:12px}

	.sec-cost .cost-sec > li .item-middle .cost-price span{display:block;font-size:12px}

	.sec-cost .cost-sec > li .item-middle .cost-price.total{font-size:14px}

	.sec-cost .cost-sec > li .item-right .cost-price{font-size:12px}

	.sec-cost .cost-sec > li .item-right .cost-price span{display:block;font-size:12px}

	.sec-cost .cost-sec > li .item .monthly.total{font-size:14px}

	.sec-cost .cost-sec > li .item-right .cost-price.total{font-size:14px}

	.sec-our-clients .client-content .tittle{font-size:20px}

	.sec-our-clients .learn-more .more{padding:20px 50px}

	.sec-content .content-choose .tittle{font-size:18px}

	.sec-content .content-choose .tittle::before{display:none}

	.sec-content .our-content .tittle{font-size:18px}

	.sec-content .our-content .tittle::before{display:none}

	.sec-content .our-content .tittle-right{font-size:18px}

	.sec-content .our-content .tittle-right::before{display:none}

	.sec-contact-us .cntn-list > li{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

	footer.sec-footer .copyright .copyright-left{display:inherit}

	footer.sec-footer .copyright .copyright-left .img-container{display:flex;justify-content:center;margin-bottom:45px}

	footer.sec-footer .copyright .copyright-left .img-content{text-align:center}

	footer.sec-footer .copyright .copyright-right{position:absolute;top:-100px;left:50%;transform:translateX(-50%)}

	footer.sec-footer .copyright .copyright-right .copy-link{justify-content:center}

}



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


	.social-div {}
	.social-div .header-social-show{justify-content: flex-end;}
	
	.social-div .header-social-show .item-list > i{font-size: 12px;}
	.social-div .header-social-show .item-list > a{font-size: 12px; margin: 0 3px; font-weight: 500;color: #212121;}

	.sec-banner .banner-content{margin:0 0 10px}

	.sec-banner .banner-content .tittle{font-size:30px}

	.sec-banner .banner-content .tittle-content{font-size:24px}

	.sec-banner .banner-content .tittle-staff{font-size:16px;margin:0 0 10px}

	.sec-banner:after{width:250px;right:-40px}

	.banner-boxes{transform:translateY(40px)}

	.sec-pricing .pricing-content .pricing-container .item .plan{width:170px;padding:5px}

	.sec-pricing .pricing-content .pricing-container .item .plan .tittle{margin:0 0 5px;font-size:13px;margin-top:5px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor{font-size:12px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor .number::before{top:5px;font-size:18px}

	.sec-pricing .pricing-content .pricing-container .item .plan .dolor .number{font-size:24px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .img-container{margin-right:10px;width:13px;height:13px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .feature-title{font-size:12px}

	.sec-pricing .pricing-content .pricing-container .item .getting-now{padding:10px 20px;font-size:14px;margin:5px}

	.sec-cost .cost-conainer .tittle{font-size:30px}

	.sec-content .content-choose .tittle::before{display:none}

	.sec-content .our-content .tittle::before{display:none}

	.sec-content .our-content .tittle-right::before{display:none}

	.sec-contact-us .cntn-list{justify-content:center}

	.sec-contact-us .cntn-list > li{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

	.sec-contact-us .cntn-logo{max-width:200px}

	footer.sec-footer::before{top:-98%}

}



@media screen and (min-width: 375px) and (max-width: 820px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:3) {

	.sec-banner{height:600px;overflow-x:hidden}

	.banner-boxes{transform:translateY(120px)}

	.sec-banner:after{width:320px;right:-100px}

}



@media screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:3) {

	.sec-contact-us .cntn-list{justify-content:center}

	.sec-contact-us .cntn-list > li{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}

	.sec-contact-us .cntn-list > li p{font-size:14px}
	.sec-content .content-choose .tittle::before{display: none;}
	.sec-content .our-content .tittle-right-sub::before{ display: none;}
	.sec-content .our-content .tittle-right::before{display: none;}

}



@media only screen and (max-device-width: 359px) and (orientation: portrait) {

	.sec-banner .banner-content .tittle{font-size:26px}

	.sec-banner .banner-content .tittle-content{font-size:20px}

	.sec-banner .banner-content .tittle-staff{font-size:16px}

	.banner-boxes{transform:translateY(80px)}

}



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

	.banner-boxes{transform:translateY(10px)}

	.sec-banner .banner-content{margin:0 0 10px}

	.sec-banner .banner-content .tittle{font-size:24px}

	.sec-banner .banner-content .tittle-content{font-size:20px}

	.sec-banner .banner-content .tittle-staff{font-size:14px;margin:0 0 10px}

	.sec-banner:after{width:200px;right:0}

	.sec-pricing .pricing-content .pricing-container .item .plan{width:150px}

	.sec-pricing .pricing-content .pricing-container .item .pricing-features > li .img-container{margin-right:5px}

	.sec-our-clients .client-content .tittle{font-size:20px}

	.sec-content .content-choose .tittle::after{width:15%}

	.sec-content .our-content .tittle::after{width:35%}

	.sec-content .our-content .tittle-right::after{width:24%}

	.sec-our-clients .learn-more .more{padding:20px 40px;font-size:14px}

	footer.sec-footer .copyright .copyright-right{position:absolute;top:-50px;right:0}

}