@media only screen and (max-width: 1200px) {
#header .logo img {max-height: 45px;} 
ul.nav_ul_menu li + li {margin-left: 25px;}	
.navbar .getstarted{padding: 10px 15px;}
.nav_ul_menu {margin-right: 35px!important;}
ul.nav_ul_menu li a {font-size: 14px;}
#hero h1 {margin: 0 0 10px 0; font-size: 36px;line-height: 42px;}	
p {font-size: 15px;font-weight: 300;letter-spacing: 0.5px;line-height: 1.6;}
.section-title h2, .powerful_section .section-title h3{font-size: 36px;}
.about .content h3 {font-size: 22px;}	
.card.select_plans_box{margin: 0 10px;}	
	
}

@media only screen and (max-width: 991px) {
.navbar ul{display:none;}
	
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {display: block;}
button.navbar-toggle{display:block;}	

.navbar.open {transition: all .5s ease-in-out;right: 0;overflow-y: scroll;}

.navicon{cursor: pointer; display: block; position: relative; font-size: 30px; z-index: 99;}

.navbar{display:none}

button.navbar-toggle {float: right;z-index: 99999; position: relative;}

button.navbar-toggle {background: transparent;box-shadow: none;color: #f00;padding: 0;border: none; font-size: 28px;}

button.navbar-toggle .close {float: right;font-size: 2rem;font-weight: 700;line-height: 1;color: #0093d0;text-shadow: none;opacity: 1;}

#navbar{position: fixed;top: 0;right: -250px;width: 250px;background: #f2f2f2;content: '';text-align: left;height: 100%;transition: all .5s ease-in-out;overflow: hidden;z-index: 999;margin: 0;padding: 30px; display: block;}

#navbar.open {transition: all .5s ease-in-out;right: 0;}

#navbar ul.nav_ul_menu{margin-top: 80px; display: block; margin-right: 0 !important;}

#navbar ul li {display: block;}

#navbar ul li a{text-decoration:none;}

#navbar ul li + li{margin: 15px 0 0;}

#navbar a:hover, #navbar .active, #navbar .active:focus, #navbar li:hover>a{color: #393b41;}

#navbar ul li a{color: #393b41; font-size: 16px;}

#navbar.open a.btn {display: block; background: #053670;color: #fff;border-radius: 40px;padding: 8px 15px;margin: 15px 0 ;}

#navbar.open a.btn + .btn{margin: 15px 0 0 0;}	
#navbar ul{margin-top: 20px; display: block;}	
.navbar .getstarted{margin-left:0;}	
.col-lg-6.Supercharge_content {text-align: center; max-width: 80%; margin: 0 auto 30px;}
#hero .hero_col1{padding-left: 15px; text-align: center;}
section {padding: 30px 0;}
.register-login {padding-top: 30px;}	
	
.inner_section_top { padding-top: 100px;padding-bottom: 0px;}	
.features-pages .inner_section_col h1, .inner_section_col h1{font-size: 24px; margin-bottom: 15px; line-height: 1.6;}	
.product-page-wrapper .pe-5 {padding: 0 !important;}
.product-page-wrapper .ps-5{padding: 0 !important;}
.login-btns-wrapper{margin: 20px auto;}	
.getting-content-text {background: #fff;padding: 0;}
#support .form-wrapper{max-width:100%;}	
.switcher-box{margin-bottom:0;}	
.card.select_plans_box {margin: 0px;}
.free-plan-details{padding: 30px 20px;} 
.free-plan-btn-row a{padding: 12px 15px; font-size: 16px;}	
.select_plans_box .option p {font-weight: 500; min-height: 48px;overflow: hidden;}
.social-container a{justify-content: flex-start;}	
.social-container a svg {margin-right: 5px;}
.pain-section{padding:30px 0;}		
}

@media only screen and (max-width: 767px) {
.hero-img {justify-content: center;display: flex;}	
.hero-img img {max-width: 100%;} 
#hero h1 {font-size: 30px;line-height: 42px;text-align: center;}	
#hero p {text-align: center; padding-right: 0; font-size: 14px;}	
.section-title{padding:0 15px 30px;}
	
.section-title h2, .section-title h3, .powerful_section .section-title h3 {font-size: 24px !important; font-weight: 600 !important;}
.about-left img {max-width: 100%;}
.product_content { padding-left: 0;}	
.card.select_plans_box {margin: 0 10px 20px 10px;}	
#footer .footer-top{text-align:center;}	
#footer .footer-top .footer-links ul li{justify-content: center;}
.features-pages .inner_section_col h1,.inner_section_col h1{font-size: 18px;}	
    .register-login {padding: 30px 15px;}
	.register-login form{padding: 0px 15px;}
	.register-login .sign-in-container{width: 100%;}	
	.register-login .sign-up-container{width: 100%;}
	.register-login .overlay{display:none;}
	.register-login .overlay-container{display:none;}
	.register-login .container.right-panel-active .sign-up-container{transform: translateX(0%);}
	.register-login .container.right-panel-active .overlay-container {
    transform: translateX(-0%);}
	
	#inner-login-modal .modal-dialog { max-width: 96% !important;min-width: 96% !important;}
	#inner-login-modal .register-login form {padding: 0 15px;}
	p.form-title {font-size: 24px;font-weight: 600;}
	
.free-plan-details { padding: 30px 20px;display: block;}
.free-plan-container { width: 100%;display: block;}	
.free-plan-container .free-plan-title {font-size: 24px;font-weight: bold;color: #545252; width:100%;}	
.free-plan-container .price h4 {padding: 20px 0 0;}	
.free-plan-info-container {width: 100%;padding: 20px 0;}	
.free-plan-btn-row {width: 100%;text-align: center;}	
.faq .faq-list a{font-size: 17px;}	
.faq .faq-list h3 {font-size: 17px;}	
	
.activation-notifaction-stripe { width: 100%;padding: 10px 10px;}	

.switcher-box span.form-switch-promotion-container{left: -10px; padding: 0;}	
.switcher-box span.form-switch-promotion-body {padding: 0;}	
.form-switch-promotion-arrow{margin-right: 0.25rem;margin-top: -10px;}	
.switcher-box span.form-switch-promotion-text{padding: 0;left: 20px;}	
.switcher-box span.form-switch-promotion-text span{width: 130px; white-space: break-spaces; font-size: 10px;}

.desktop-block{display:none !important;}
.mobile-block{display:block !important;}	
.Supercharge_img .mobile-block{display:block !important;}	
.col-lg-6.Supercharge_content {max-width: 100%; text-align: left;}	
.panel-card h3{font-size: 24px;}
.section-title p {font-weight: 300;font-size: 14px;}
.switcher-box {margin-bottom: 15px;}
.pain-card{padding: 20px;}
.comparison-section{padding:30px 0;}
.comparison-table{max-width:100%;margin:0px auto 0;}
.comparison-table .row {display: grid;grid-template-columns: 2fr 1fr 1fr;padding: 12px 10px;border-top: 1px solid #a2a2a2;text-align: center;font-size: 14px;}
.transition-text{margin-top: 20px;}	
.pain-grid{margin-top:0;}	
.powerful_section{background: #f1f1f1;}	
.about .content h3 {font-size: 18px;}	
.industry-section{padding:30px 0;}	
.industry-tabs .nav-link{padding: 8px 15px; font-size: 12px;}	
.latest-news-row{margin-top: 0;}
.getting-content-text h2, .getting-content-text h3{font-size: 18px;}	
.getting-content-text p {line-height: 1.6;font-size: 14px;}	
.login-btns-wrapper.heading-point{margin: 10px auto;}
	.login-page h1{margin-bottom: 15px;}	
}