/*responsive*/
@media screen and (max-width:1024px) {
    .innr_s5_box:hover p { padding: 0 10px; }
}
@media screen and (max-width:980px) {
	.sec { padding: 30px 0; }
	.sec_title h5 { font-size: 18px; }
	.sec_title h5:before, .sec_title h5:after { top: -7px; }
	button.navbar-toggler { border: 2px solid var(--color_white); padding: 8px 15px; font-size: 20px; color: var(--color_white); outline: none; }
	.navbar { justify-content: flex-end; margin: -60px 0 0; }
	.navbar-collapse { background: var(--color_main); padding: 0; margin: 20px 0 0; }
	.head_mid a.nav-link { padding: 10px 20px !important; border-bottom: 1px solid var(--color_secondary); }
	.navbar-collapse ul li:last-child a { border: none; }
	.navbar-nav .dropdown-menu { width: 100%; }
	.dropdown-menu li a { padding: 5px 20px 5px 40px; font-size: 14px; font-weight: 300; }
	.head_right { padding-right: 80px; margin: -44px 0 0; }
	.ban_left h1 { font-size: 36px; }
	.ban_left h5 { font-size: 18px; }
	.h_banner { padding: 120px 0 50px; }
	.ban_arrow { top: 20px; }
	.s1_box { padding: 2px 0 30px 50px; }
	.h_sec1:before { width: 142px; height: 32px; }
	.s2_tab_box { margin: 40px 0 0; }
	.h_sec2:before, .h_sec3:before, .h_sec3:after, .h_sec4:before, .h_sec4:after, .h_sec5:before, .h_sec7:after, .h_sec7:before { display: none; }
	.s3_left h2 { font-size: 24px; }
	.s2_bot { position: relative; z-index: 1; }
	.s2_bot ul li .nav-link { font-size: 15px; }
	.s2_tab_btns { margin: 20px 0 0; }
	.h_sec3 .row { flex-direction: column-reverse; }
	.s3_left { margin: 20px 0 0; }
	.s3_right { width: 60%; margin: 0 auto; }
	.s5_rbox:before { width: 240px; height: 167px; left: -11px; }
	.h_sec9 { background-position: center left; }
	.ftr_box h5 { margin: 30px 0 10px; }
	.ftr_box ul li, .ftr_box ul li a { font-size: 14px; }
	.navbar-toggler:focus { box-shadow: none; }
	.lf_left { padding: 0 140px; }
	.modal-body { background: var(--color_gradient); padding: 20px; }
	.lf_right { padding: 0; }
	.modal-body:before { display: none; }
	.lf_right button.btn-close { right: -10px; top: -210px; }
	.lf_right .mb-3, .s9_form .mb-3 { margin: 0 !important; }
	.lf_right .form-control, .s9_form .form-control { margin: 5px 0 5px; }
	.lf_right button.btn, .s9_form button.btn { margin: 10px 0 0 !important; }
	.lf_right h3 { margin: 10px 0 10px; font-size: 20px; text-align: center; }
	.s9_left { text-align: center; }
	.s9_left button { width: 100%; }
	.s5_left { text-align: center; }
	.s8_box { box-shadow: 3px 3px 6px 0 #00000030; margin: 0 10px 10px; }

	/*inner pages*/
	.inner_sec2 .row { flex-direction: row; text-align: center; }
	.innr_s4_left h2 { font-size: 18px; }
	.innr_s5_box h3, .innr_s5_box p { display: block; }
	.innr_s5_box { margin-top: 30px; }
	.innr_s5_box span { font-size: 35px; position: absolute; right: 2px; top: 2px; width: 60px; height: 60px; border-radius: 100px; display: flex; justify-content: center; align-items: center; background: var(--color_white); }
	.innr_s5_box h3 { background: var(--color_secondary); font-size: 18px; color: var(--color_white); padding: 10px 80px 10px 20px; border-radius: 0 50px 50px 0; display: block; }
	.innr_s5_box p { font-size: 14px; padding: 10px 50px 0; display: block; }
	.innr_s6_box { margin-top: 20px; }
	.innr_s7_right { padding: 30px 0; }

	/*post*/
	.innr_s2_bot .row { flex-direction: column-reverse; }
	.pos_s6_left { padding: 0 20px; }

	/*seo*/
	.s5_box_img h3 { top: 75px; left: 45px; }

	/*about us*/
	.about_s1_box { margin: 10px 0 0; padding: 20px; }

	/*sticky*/
	.sticky button.navbar-toggler { padding: 5px 10px; font-size: 18px; }
	.sticky  .navbar { margin: -48px 0 0; padding: 11px 0 0; }
}

/*Mobile Devices*/
@media screen and (max-width:767px) {
	.sec_title h2 { font-size: 20px; }
	.sec_title h5 { padding: 0; }
	.main_btn { display: block; width: 100%; text-align: center; }
	.main_btn_outline { display: block; width: 100%; margin-top: 10px; }
	.ban_left h1 br { display: none; }
	.head_right { display: none; }
	.ban_left h1 { font-size: 20px; }
	.sec_title h5:before, .sec_title h5:after, .h_sec2:after { display: none; }
	.s2_top h5 { padding: 0; }
	.s2_top, .s7_top { margin: 0 0 10px !important; }
	.s2_tab_box .row { flex-direction: column-reverse; }
	.s2_tab_box img { margin: 0 0 20px; }
	.s3_left h2 { font-size: 18px; margin: 20px 0 10px; font-weight: 600; }
	.h_sec3 .row { flex-direction: column; }
	.s3_right { width: 100%; margin: 20px 0 0 auto; }
	.s5_rbox:before { display: none; }
	.s5_rbox p { font-size: 16px; }
	.s5_left h2 { margin: 10px 0 20px; }
	.s5_rbox h4 { margin: 0; }
	.h_sec5 { padding: 0; }
	.innr_s5_box:before { display: none; }
	.innr_s5_box { padding: 0; margin: 15px 0 0; }
	.innr_s5_box p { padding: 0 20px; font-size: 16px; }
	.innr_s5_box h3 { padding: 10px 60px 10px 20px; font-size: 16px; border-radius: 30px; }
	.innr_s5_box span {font-size: 25px;width: 54px;height: 54px;margin: 0;}
	.s5_box_img img { width: 100px; }
	.s5_box_img h3 { top: inherit; left: inherit; font-size: 32px; position: relative; margin: -69px 0 40px; }
	.s5-box p { margin: 10px 0 10px; }
	.s6_box { padding: 10px; }
	.s7_box_body ul li { font-size: 14px; padding: 0 0 0 20px }
	.s7_box_cta .main_btn { font-size: 12px; }
	.s7_box_cta .s7_box_link { font-size: 14px; }
	.s7_box_head h4 { font-size: 17px; }
	.s7_box_body span.offer { padding: 6px 15px; font-size: 14px; font-weight: 400; }
	.s8_box_img { position: relative; padding: 8px; }
	.s8_box { padding: 0 20px 20px; border-radius: 30px; }
	.s8_bot .owl-carousel .owl-item img { width: 50px; }
	.owl-dots { display: none; }
	.s9_right, .ban_arrow { display: none; }
	.s3_left { margin: 0; }
	.lf_right button.btn-close { top: -40px; }
	.head_mid a.nav-link { font-size: 14px; }
	.innr_s7_right h4 { font-size: 20px; }
	.s7_top h2 { font-size: 24px; }
	.s8_box_text h3 { margin: -50px 0 10px; text-align: right; }
	.ftr_box h5 { margin: 20px 0 10px; font-weight: 600; }
	.ban_left h5 { margin: 10px 0; font-size: 16px; }
	.ban_left a { margin: 10px 0 10px; }
	.h_banner { padding: 90px 0 30px; }
	.innr_s6_box h4 { padding: 10px 0 0; font-size: 16px; font-weight: 600; }
	.s9_form .form-control { font-size: 16px; }
	.s9_form button { padding: 6px; }
	.ftr_top { padding: 20px 0; }
	.ftr_box ul li a { font-weight: 300; }
	.sec_title h5 { font-weight: 600; font-size: 20px; }
	.seo_s4_left p { margin: 0 !important; }

	/*inner pages*/
	.ban_right { display: none; }
	.innr_s1_top h2 { font-size: 20px; }
	.innr_s4_left { text-align: center; margin: 0 0 20px; }
	.innr_sec7 { margin: 0; padding: 30px 0; }
	.innr_s7_left { margin: 0; padding: 0 50px; }
	.innr_s7_right { padding: 20px 0 0; text-align: center; }
	.innr_s6_box { padding: 10px; }
	.innr_erp_sec3 h2 { font-size: 20px; }
    .innr_s5_box:hover{ padding:0;}
    .innr_s6_box p{height:auto;}
	/*post*/
	.innr_s2_bot .row { flex-direction: column-reverse; }
	.pos_s6_left { padding: 20px; }
    
	/*seo*/
	.seo_s4_box { padding: 10px; }
	.seo_s4_box h3 { font-size: 30px; margin: 0; }
	.seo_s4_right { margin: 20px 0 0; }
	.ftr_bot { text-align: center; }
	.ftr_bleft p { font-size: 14px; }
	.ftr_bright { text-align: center !important; }

	/*about*/
	.about_s1_left { margin: 0 0 20px; }
	.whappfooter i {
    font-size: 40px;
	}
}