/*======= max Media =========*/
@media (max-width:1024px){
    h1{
        font-size: 56px;
        line-height: 66px;
    } 
    h2{
        font-size: 46px;
        line-height: 54px;
    }
    .menu-item-has-children::after {
        right: 2px;
    }
    .title-area :where(.title, .desc){
        margin-bottom: 20px;
    }
	.header-area .main-navigation .nav-menu li{
        padding: 0px 20px !important;
    }
    .hero-sec .hero-content{
        padding: 180px 20px;
    }
    .icon-sec{
        padding: 80px 0;
    }
    .hero-sec{
        padding-left: 0px;
        padding-right: 0px;
    }
    .icon-box{
        margin-bottom: 20px;
    }
    .img-box-area .img-box-content{
        max-width: 90%;
    }
    .icon-box .icon-box-title{
        font-size: 24px;
    }
    .img-box-area{
        padding-bottom: 80px;
    }
    .fnl-container{
        padding: 80px 0 80px 60px;;
    }
    .find-package-sec{
        padding: 80px 0;
    }
    .find-package-sec .title-area{
        width: 80% !important;
    }
    .img-cta-content{
        padding: 80px 0;
    }
    .w-60{
        max-width: 80%;
        width: 100%;
    }
    .img-cta-sec .cta-img-area img{
        min-height: 600px;
    }
    .site-footer{
        padding: 80px 20px;
    }
    .site-footer .footer-link-area{
        padding-top: 90px;
    }
    .site-footer .copyright-area{
        padding-top: 70px;
    }
    .founder-desc-area {
        padding: 60px 30px;
    }
    .hero-content .tag{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 14px;
    }
    .feature-icon-sec{
        padding: 80px 0;
    }
    .our-story-sec {
        padding-bottom: 80px;
    }
    .founder-sec {
        padding: 80px 0px;
    }
    .founder-desc-area .founder-desc{
        font-size: 22px;
    }
    .founder-desc-area .name{
        margin-bottom: 20px;
    }
    .grid-icon-sec .grid-icon-box{
        padding: 30px 30px 30px;
    }
    .grid-icon-box img {
        max-height: 120px;
        margin-bottom: 30px;
    }
    .contact-left-col{
        padding: 50px;
    }
    .title-area .contact-form-title{
        line-height: 34px;
        margin-bottom: 16px;
    }
    .contact-left-col .contact-title{
        font-size: 53px;
        line-height: 54px;
        margin-bottom: 80px;
    }
    .radio-area{
        margin-bottom: 120px;
    }
    .package-area {
        padding: 80px 50px 80px;
    }
    .apply-today-form-sec{
        padding-bottom: 0px;
    }
    .apply-now-sec {
        padding: 160px 14px 280px;
    }
}

@media(max-width: 820px){
    .global-btn{
        padding: 14px 30px;
    }
    .header-area .logo img{
        min-width: 160px;
    }
    .header-area .main-navigation .nav-menu li{
        padding: 0px 16px !important;
    }
    .icon-sec .icon-box > img{
        max-width: 62px;
    }
    .icon-sec{
        padding: 60px 0;
    }
    .icon-box .icon-box-title {
        font-size: 22px;
        line-height: 24px;
    }
    .img-box-area {
        padding-bottom: 60px;
    }
    .img-box-area .img-box-content {
        max-width: 95%;
    }
    .fnl-container {
        padding: 60px 0 60px 20px;
    }
    .find-package-sec {
        padding: 60px 0;
    }
    .img-cta-content .title{
        font-size: 60px;
    }
    .site-footer .footer-links li{
        line-height: 24px;
    }
    .site-footer .col-12.col-md-7 > .row .col-6.col-md-3{
        padding-left: 0px;
    }
    .site-footer .footer-link-area .footer-title{
        font-size: 17px;
    }
    .site-footer {
        padding: 60px 20px;
    }
    .challenges-sec{
        padding: 80px 0;
    }
    .challenges-box-area {
        max-width: 80%;
    }
    .title-area.challenges :where(.title, .desc) {
        margin-bottom: 30px;
    }
    .option-feature-list-box {
        padding: 60px 20px;
    }
    .option-feature-list-sec {
        padding-bottom: 100px;
    }
    .grid-icon-sec{
        padding: 80px 0;
    }
    .apply-sec{
        padding: 80px 0;
    }
    .apply-box-area{
        padding: 30px;
    }
    .img-box-content.max-90{
        max-width: 100%;
    }
    .faq-sec {
        padding-top: 60px;
    }
    .faq-sec .faq-area .faq-title {
        font-size: 66px;
        line-height: 66px;
    }
    .faq-sec .faq-area .faq-desc {
        margin-bottom: 60px;
    }
    .cta-still-sec {
        padding: 100px 16px;
    }
    .contact-sec {
        padding: 80px 16px;
    }
    .contact-left-col {
        padding: 30px;
    }
    .contact-left-col .contact-title{
        margin-bottom: 50px;
    }
}

@media(max-width: 768px){
	body.m_menu_open{ overflow-y: hidden;}
	.img-box-area.right-img-box .img-box-content{margin-right:0px; margin-top:0px;}
	.lr-sec .img-box-area .img-box-content{margin-right:0px; margin-top:0px; margin-left:0px;}
	.lr-sec .primary-img-border, lr-sec .secondary-img-border{margin-right:5px; margin-left:5px;}
	.site-footer .col-12.col-md-5.order-md-2.order-3{padding-left:0px;}
	.img-cta-sec.img-cta-sec-bg .img-cta-content{max-width:90%; }
	.img-cta-sec.img-cta-sec-bg .img-cta-content .title-area{padding:30px 20px;}
	.img-cta-sec.img-cta-sec-bg .img-cta-content .title{font-size:41px; line-height:53px;}
	.hero-sec.top_0.relative-sec{margin-top:-80px;} 
	.hero-sec {height:calc(100vh - 80px);}
	.container{max-width:100% !important;}
	section{overflow: hidden;}
	.fnl-sec .title-area img.logo_grid { margin-right: 19px; vertical-align: middle; max-width:calc(33% - 20px);}
}

@media (max-width: 600px){
    .img-box-content.max-90{
        max-width: 100%;
    }
    .site-header .container {
        padding: 0 20px;
    }
    .header-area .logo img{
        margin-top: -20px;
    }
    .menu-toggle{
        margin-left: auto;
        padding: 0;
        background: none;
        border: none;
        color: var(--primary-color);
        font-size: 30px;
    }
    .main-navigation.toggled{
        display: block;
        width: calc(100% + 40px);
        position: absolute;
        height: 100vh;
        background-color: var(--white-smoke-color);
        top: 0;
        left: -20px;
        padding: 34px 20px;
    }
    .main-navigation.toggled ul{
        padding: 60px 0;
    }
    .header-area .main-navigation .nav-menu li {
        padding: 4px 0px 4px 0px !important;
        border-bottom: 1px solid #95989A;
    }
    .menu-item-has-children::after {
        top: 50%;
        transform: translateY(-50%);
    }
    .page-template-tp-wo-we-are .header-area .main-navigation .nav-menu li a{
        color: var(--black-color) !important;
    }
    .menu-item-has-children:hover .sub-menu{
        left: 0px;
    }
    
    .header-area .main-navigation ul .sub-menu{
        width: 100%;
        /* left: 0; */
        border-radius: 0px;
    }
    .menu-toggle[aria-expanded="true"] svg {
        display: none;
    }
    .menu-toggle[aria-expanded="true"]::before {
        content: '\f00d';
        font-size: 30px;
        line-height: 30px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
	
	#primary-menu > li > a{padding-top:20px; padding-bottom:20px;}
	header.mobile_menu_open .main-navigation .header_btn2{display: block !important; position: absolute; bottom: 70px; width: calc(100% - 40px); text-align: center; z-index:9;}
	header.mobile_menu_open .main-navigation .header_btn1{display: block !important; position: absolute; bottom: 140px; width: calc(100% - 40px); text-align: center; z-index:9;}
	
	li.menu-item-has-children:hover ul.sub-menu{display:none;}
	li.menu-item-has-children.open_submenu ul.sub-menu{ display:block !important; position: fixed; top: 120px; width: 100%; left: 0px; opacity: 1; height: 100%; z-index: 1; background-color: var(--white-smoke-color);}
	ul.sub-menu span.back-btn{display:block; position:absolute; margin-top:-120px; width:70%; z-index:99; background-color: var(--white-smoke-color); line-height:70px; padding-top:10px; font-weight: var(--font-weight-medium); padding-left:20px;}
	span.back-btn:before{     content: url(../images/back_arrow.svg); width: 15px; height: 15px; vertical-align: middle; position: absolute; left: 0px;}
	
	ul.sub-menu span.parent-title{display:block;font-size:14px; line-height:28px; font-weight: var(--font-weight-regular); text-transform: uppercase;}
	
    .header-area .main-navigation ul .sub-menu li{
        padding: 24px 0px !important;
    }
    .hero-sec .hero-content {
        /*padding: 190px 40px 20px;*/
        /* min-height: 100vh;
        top: 50%;
        transform: translateY(-50%); */
    }
	
	

	.hero-sec.business_hero {margin-top:-80px; height:100vh;}
	.business_hero > .hero-content.v-center{height:100vh; top: 0px !important; transform: translateY(0%); padding: 0px !important; position:relative;}
	.business_hero > .hero-content.v-center > .container{height:100vh;}
	.business_hero > .hero-content.v-center > .container > .row.align-items-center{height:100vh; align-items: flex-end !important; padding-top:80px;}
	.business_hero > .hero-content.v-center > .container > .row .img-part{height:40vh;}
	.business_hero > .hero-content.v-center > .container > .row .img-part img{position: relative;transform: scale(1);}
	
	.hero-sec.cyber_hero {margin-top:-80px; height:100vh;}
	.cyber_hero > .hero-content.v-center{height:100vh; top: 0px !important; transform: translateY(0%); padding: 0px !important; position:relative;}
	.cyber_hero > .hero-content.v-center > .container{height:100vh;}
	.cyber_hero > .hero-content.v-center > .container > .row.align-items-center{height:100vh; align-items: flex-end !important; padding-top:80px;}
	.cyber_hero > .hero-content.v-center > .container > .row .img-part{height:40vh;}
	.cyber_hero > .hero-content.v-center > .container > .row .img-part img{position: relative;transform: scale(1);}
	
	
	
	
    h1 {
        font-size: 41px;
        line-height: 53px;
    }
    .hero-sec .hero-content .hero-title{
        margin-bottom: 17px;
    }
    .hero-desc{
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 17px;
    }
    .icon-sec {
        padding: 60px 10px;
    }
    .icon-box {
        margin-bottom: 30px;
        display: block !important;
        text-align: center;
		padding: 0 10px;
    }
    .icon-sec .icon-box > img {
        max-width: 110px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .icon-box .icon-box-title {
        font-size: 25px;
        line-height: 29px;
		font-weight:500;
    }
    .primary-img-border, .secondary-img-border{
        margin-bottom: 40px;
		padding:6px;
    }
    h2 {
        font-size: 41px;
        line-height: 53px;
    }
    .title-area .title {
        margin-bottom: 20px;
    }
    .img-box-area .img-box-content {
        max-width: 100%;
    }
    .lr-sec .global-btn{
        margin-left: auto;
        margin-right: auto;
    }
    .img-box-area{
        padding-bottom: 0px;
    }
    .fnl-sec{
        padding: 0 20px;
    }
    .fnl-container {
        padding: 60px 20px 60px 20px;
    }
    .fnl-container .fnl-img {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .fnl-container .title {
        font-size: 37px;
        line-height: 52px;
    }
    .find-package-sec .title-area {
        width: 100% !important;
    }
    .find-package-sec .title{
        margin-bottom: 26px;
    }
    .w-60 {
        max-width: 100%;
        width: 100%;
    }
    .img-cta-content {
        padding: 100px 16px;
    }
    .img-cta-sec .cta-img-area img {
        min-height: 600px;
		height:auto;
    }
    .img-cta-content .title {
        font-size: 44px;
        line-height: 53px;
    }
    .site-footer {
        padding: 50px 16px 32px;
    }
    .site-footer .footer-link-area {
        padding-top: 30px;
    }
    .site-footer .copyright-area {
        padding-top: 50px;
    }
    .hero-content .tag{
        font-size: 15px;
        line-height: 15px;
        padding: 8px;
        margin-bottom: 7px;
    }
    .feature-icon-sec{
        padding: 80px 0px;
    }
    .feature-icon-box-area{
        max-width: 100%;
    }
    .feature-icon-sec .feature-icon-box{
        padding: 38px 20px;
    }
    .feature-icon-sec .feature-icon-box .feature-icon-box-title{
        font-size: 23px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .feature-icon-sec .feature-icon-box img {
        max-height: 125px;
        margin-bottom: 17px;
    }
    .our-story-sec .col-md-6.order-1.order-md-2 img{
        margin-bottom: 40px;
    }
    .our-story-sec .pe-md-4.order-2.order-md-1 .title-area{
        text-align: center;
    }
    .our-story-sec{
        padding-bottom: 80px;
    }
    .founder-sec{
        padding: 80px 0;
    }
    .founder-img{
        /*height: 330px;*/
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px;
    }
    .founder-desc-area {
        padding: 50px 35px;
    }
    .founder-desc-area .name {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 23px;
    }
    .founder-desc-area .founder-desc {
        font-size: 24px;
    }
    .relative-sec .hero-content.v-center{
        top: unset !important;
        transform: none !important;
        position: relative;
        margin-top: -146%;
    }
    /*.relative-sec > img{
        min-height: 800px;
        height: auto !important;
    }*/
    .relative-sec .hero-content.v-center .col-12.col-md-6 > img{
        margin-top: 30px;
    }
    .challenges-sec{
        padding: 80px 0;
    }
    .challenges-box-area{
        max-width: 100%;
    }
    .option-feature-list-box{
        padding: 16px;
    }
    .option-feature-list-img-box {
        max-width: 100%;
        margin-bottom: 60px;
    }
    .option-feature-list-content{
        text-align: center;
    }
    .option-feature-list-content .option-feature-list-title{
        margin-bottom: 30px;
    }
    .option-feature-list{
        text-align: start;
    }
    .option-feature-list-sec{
        padding-bottom: 80px;
    }
    .grid-icon-sec {
        padding: 40px 0;
        /*margin-top: 325px;*/
    }
	.grid-icon-sec img {max-height:148px; margin-bottom:30px;}
    .hero-content.v-center .tag{
        margin-left: auto;
        margin-right: auto;
    }
    .hero-content.v-center .col-12.col-md-6{
        text-align: center;
    }
    .apply-box-area .img-box-content{
        text-align: center;
    }
    .apply-box-area .img-box-content a.global-btn{
        margin-bottom: 30px;
    }
    .faq-sec {
        padding-top: 40px;
    }
    .faq-sec .faq-area .faq-title {
        font-size: 51px;
        line-height: 51px;
        margin-bottom: 30px;
    }
    .contact-left-col{
        padding: 45px 28px;
    }
    .contact-left-col .contact-title {
        font-size: 41px;
        line-height: 53px;
        margin-bottom: 24px;
    }
    .contact-left-col img{
        max-width: 240px;
    }
    .right-col{
        padding: 0px;
    }
    .contact-right-col{
        padding: 44px 16px 0px 16px;
    }
	.contact-right-col .title-area h2{text-align:center;}
	.contact-right-col .title-area p.desc{text-align:center;}
    .apply-now-sec {
        padding: 144px 8px 230px;
    }
    .postal-code-form-area button {
        min-width: 145px !important;
        padding: 16px 6px !important;
    }
    .post-code-area .postal-code-title{
        font-size: 41px;
        line-height: 53px;
        letter-spacing: -2.04px;
        margin-bottom: 17px;
    }
    .post-code-area > p {
        font-size: 17px;
        line-height: 32px;
        margin-bottom: 27px;
    }
    .package-area {
        padding: 55px 34px 63px;
    }
    .apply-today-img{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .apply-today-form-sec{
        padding-bottom: 0px;
    }
    .package-sec{
        margin-top: -160px;
    }
    .apply-today-form-area .title-area :where(.title, .desc){
        text-align: center;
    }
    .package-sec{
        padding-bottom: 100px;
    }
	.contact-form-area .title-area .desc{ font-size: 13px; line-height: 22px;}
	.cta-still-sec .cta-still-area{ padding: 50px 15px;}
	.cta-still-sec .cta-still-content p{font-size:16px; line-height:30px;}
	.fnl-sec .row.right-img-box .img-box{padding-left:0px;}
	.fnl-sec .row .img-box h2.title{margin-bottom:40px; text-align:center;}
	header.light.mobile_menu_open img.light-logo{display:none !important;}
	header.light.mobile_menu_open img.dark-logo{display:block !important;}
	.site-header.light .header-area .main-navigation .nav-menu li a{ color: var(--black-color) !important;}
	.site-header.light .menu-item-has-children::after { content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e") !important; }
	.apply-today-form-area {
    	padding-left: 0px;
	}
	.package-box-area {margin-top: 5% !important;}
    .package-box-area .package-img-box {margin-top: 0 !important;}
}
/* Media query for ultrawide screens */
@media screen and (min-width: 2560px) {
    .global-btn {
        padding: 16px 28px !important;
        font-size: 1.1em;
    }
}

/* Media query for screens between 1680px and 2559px */
@media screen and (min-width: 1680px) and (max-width: 2559px) {
    .global-btn {
        padding: 16px 28px !important;
    }
}
