.plan_tbl_sec {
    overflow-x: clip;
}

.main-menu {
    margin-left: auto;
}


@media (max-width:1440px) {
	.hero_banner_in::before { left: 78%; }
}

@media (max-width:1200px) {
	html, body { font-size: 14px; }
	.right_wrap_nav li a { font-size: 16px; }
	.main_wrapper { padding-left: 220px; }
	.right_wrap { width: 220px; }

	.offer_section {
    min-height: 500px;

}
.offer_text {
    min-height: 500px;
}

}

@media (max-width:991px) {
	.main_wrapper { padding-left: 0; }
	.right_wrap { left: -220px; padding: 20px 16px; transition: all 0.2s ease-in-out; }
	.main_logo { margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; }
	.main_logo a { width: 120px; }
	.right_wrap.right_open { left: 0; }
	.right_mobile_close { font-size: 28px; }
	.mobile_logo { width: 130px; margin-left: 15px; }



	.offer_section {
    min-height: 400px;

}
.offer_text {
    min-height: 400px;
}

.offer_text h2 {
    font-size: 36px;
}

.offer_text p {
    font-size: 16px;
}
.offer_text {
    padding-top: 40px;
}

.plan_head{ margin-top: 0px;    margin-bottom: 40px; }
.plan_head h2 {
    font-size: 36px;
}




}

@media (max-width:767px) {
	.left_wrap header { padding: 0 16px; }
	.left_wrap_inner { padding: 20px 16px; }
	h2 { font-size: 24px; }
	.dropdown-item { font-size: 14px; }
	.notification_drop_list { min-width: 310px; left: -20px !important; }
	.pro_nav_link a { padding: 8px 0; margin-right: 16px; font-size: 12px; }
	.add_edit_btn { font-size: 12px; display: flex; padding: 8px 12px; margin-bottom: 5px; }
	.choose-plan { margin: 0px; }
	.choose-plan:after, .choose-plan:before { display: none; }
	.choose-plan-right { width: calc(100% - 0px); margin: 15px 0px; }
	.choose-plan-left { width: calc(100% - 0px); margin: 15px 0px; border-bottom: 3px solid #45c356; position: relative; padding-bottom: 30px; }
	.plan-duretion ul li { width: 100px; height: 100px; margin: 0px 5px; }
	.choose-plan-left:before { content: ''; position: absolute; left: 0px; right: 0px; bottom: -14px; margin: 0 auto; max-width: max-content; content: 'or'; font-size: 30px; line-height: 31px; text-align: center; color: #45C356; font-weight: 700; background: #fff; }



	.offer_text{ min-height:auto; }
	.offer_section{ min-height:auto; }

	

.offer_text {
    padding: 0px;
}

section.offer_section {
    padding: 20px 0px;
}

.offer_img {
    margin: 0px !important;
    position: static;
}
.offer_section_right .offer_img{position: static;} 
.hero_banner_img{ position: static;}
.what_we_head{ margin-bottom: 20px; }
.app_text {
    padding: 20px 0px;
}

.hero_banner_in {
    padding-top: 30px;
}
.offer_text h2 {
    font-size: 26px;
}

.plan_head h2 {
    font-size: 32px;
}

.triggre {
    width: 30px;
    height: 30px;
    background: transparent;
}

.triggre span {
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 10px;
    display: block;
    margin: 6px 0px;
}

.main-menu > ul {
    display: none;
}
.main-menu > ul.right_menu {
    position: fixed;
    top: 70px;
    left: 0px;
    width: 100%;
    backdrop-filter: blur(9px);
    padding-bottom: 20px;
    height: 100vh;
    overflow: auto;
    -webkit-backdrop-filter: blur(10px);
}

body.active {
    overflow: hidden;
}
.main-menu > ul.right_menu li:last-child {
    margin-top: 20px;
}
.hero_banner_text h1 {
    font-size: 40px;
    line-height: 50px; margin-top: 0px;
} 

footer .social_link {
    margin-bottom: 20px;
}

.plan-duretion {
    padding: 20px 0px;
}
.plan_head {
    margin-top: 40px;
    margin-bottom: 20px;
}
.app_img {
    text-align: center;
}


}

@media only screen and (max-width:520px) {
	.plan-duretion ul li h3 {
    font-size: 14px;
}

.plan-duretion ul li {
    width: 80px;
    height: 80px;
}
 }



@media(min-width: 768px){
    .right_menu{ display:flex !important }
}