/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

/* ----- 1. Desktop  ----- */
@media (max-width:1499px) {	
	.pricing_banner .pricing_plan { margin-right: -100px; }
}
@media (max-width:1399px) {	
	.pricing_banner .pricing_plan { margin-right: -60px; }
}
@media (max-width:1399px) {	
	.pricing_banner .pricing_plan { margin-right: -20px; }
}
@media (max-width:1199px) {	
    /*  Inner Page  */
    .inner_banner h1, .inner_banner1 h1, .inner_content .bio_wrap .bio_wrap_r h1, .content h1.entry-title{font-size:100px;}
    .inner_banner .sub_title, .inner_banner1 .sub_title, .inner_content .bio_wrap .bio_wrap_r .sub_title{font-size: 20px;padding: 2px 20px;margin-bottom: 50px;}
    .sec1 h2{font-size: 30px;margin: 0 auto 50px;}
    .sec2{padding: 80px 0;}
    .sec2 h3{font-size: 34px;margin: 0 0 25px;}
    .sec2 .portfolio_image{margin-top: 50px;}
    .inner_banner .innerbanner_con, .inner_banner1 .innerbanner_con{padding: 0 0 50px;}
    .banner_img{position: relative;}
    .banner_img img{position: absolute;bottom: 0;}

    .inner_banner1 .innerbanner_img img{ max-width: 100%; }
    .googleads_sec2 .googleads_img img{ max-width: 100%; }
    .googleads_sec2 .googleads_img{ margin-top: -150px; margin-left: 0;}
    .googleads_banner{ padding-bottom: 200px; }
    .content_blk .content_image img{ max-width: 100%; }
    .content_blk .content_image{ margin-left: 0; margin-top: -200px;}
    .content_blk .row{ padding: 100px 0; }
    .marketing_banner{ padding-bottom: 100px; }

    .main-header .btn{ font-size:14px; margin-left: 10px; padding: 8px 20px;}
    .navigation ul li a{ font-size: 14px; }

    .pricing_banner .pricing_plan .pricing_image, .pricing_banner .pricing_plan{ margin-right: 0; }
    .googleads_banner .innerbanner_img img{ max-width: 100%; }
	.get-started h4 { font-size: 40px; }


    
}

@media(min-width: 992px) and (max-width: 1023px){
    .navigation ul li a, .main-header .btn{ font-size: 13px; }
}

/* ----- 2. Tablet ----- */
@media  (max-width:991px) {
    /* Home Page */
    .main-footer .foo_connect ul li a{padding: 8px 0px;}
    .main-footer .foo_connect ul li a img{height: auto;max-width: 30px;}
    .main-footer .foo_connect ul li a span{font-size: 17px;}
    .main-footer .foo_links ul li a{font-size: 17px;}
    .main-footer p{font-size: 17px;}
    
    /*  Inner Page  */
    .navigation ul li a{font-size: 15px;}
    .navigation ul li > a{padding: 5px 7px;}
    .full_image{height: 640px;}

    /* Blog */
    .blog-content .col-3-4{ width: 100%; margin: 0 0 30px; }
    .blog-content .col-1-4{ width: 100%; }
    .blog-content .blog-bottom{ margin: 30px 0; }

    .inner_banner .sub_title, .inner_banner1 .sub_title, .inner_content .bio_wrap .bio_wrap_r .sub_title{ font-size: 18px; margin-bottom: 40px; }
    .inner_banner p, .inner_banner1 p{ font-size: 16px; }
    .inner_banner h1, .inner_banner1 h1, .inner_content .bio_wrap .bio_wrap_r h1, .content h1.entry-title{ font-size: 80px; }
    .bottomline_sec .footprint_blk h3{ font-size: 30px; }
    .bottomline_sec{ padding: 60px 0; }
    .bottomline_sec h3{ font-size: 36px; }
    .inner_banner1 .btn, .inner_banner .btn{ margin: 20px 0;}
    .inner_banner1 .innerbanner_cap{ max-width: 100%;}
    .inner_banner1 .innerbanner_img{ margin: 30px 0; }    

    .googleads_sec2 h3{ font-size: 30px; }
    .more_followers h4{ font-size: 30px; }

    .content_blk .content_image{ margin: 0 0 30px; }
    .content_blk .row{ padding: 60px 0; }
    .content_blk .row:last-child{ padding-bottom: 60px !important; }

    .blog3_con .blog-posts .post-wrap{ width: 50%; }
    .blog3_con{flex-direction: column;}
    .blog3_con .widget-area ul li{    width: calc(100% - 30px);}
    .blog3_con #primary{ margin-bottom: 30px; }

    /* Mobile Menu */
    .hamburger:not(.close){z-index: 999;top: 20px;position: fixed;}
    .home .hamburger:not(.close){top: 66px;}
    .home.alert-hide .hamburger:not(.close){top: 16px;}

    .hamburger .line{background-color: #27aae0;}
    #menu{background: #27aae0;}
    #mobilenav ul a{background: #27aae0;}
    .hidden-md-up{ display: block; }
    .navigation{ display: none; }
    .main-header .btn{ display: none; }

    /* Home Page */
    .bubble_logo ul{display: none;}
    .bubble_logo{margin: 0;padding: 15px 0;}
    .homevideo_sec{height: 65vh;}    

    .franchise-quote blockquote h2 {
        font-size: 3rem;
        line-height: 1.2;
    }
	
    .get-started { margin-top: 30px; }
	.get-started h4 { font-size: 30px; }

    /*updated on 18.04.2023*/
    /*start*/
    .network-inner-area{ padding: 30px 20px 15px 20px; }
    .step-grp .step-cell .step-title{ padding: 15px 15px; }
    .step-grp .step-cell .step-title .step-desc{ padding: 0; }
    .step-detail{ padding: 15px 15px; }
    .step-section{ padding: 30px 0; }
    /*end*/


    
}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {    
    
    /* Footer */
    .main-footer{padding: 30px 0;text-align: center;}
    .foo_about {display:inline-block;width: 40%;text-align: left;}
    .foo_links  {display:inline-block;width: 60%;}
    .main-footer .foo_links ul{display: inline-block;text-align: left;}
    .main-footer .foo_links .menu-footer-nav-container{padding: 0;border: none;}
    .main-footer .foo_connect h2{border: none;}
    .main-footer .foo_connect .textwidget{border: none;max-width: 350px;margin: 0 auto;}
    .foo_connect {margin: 15px 0 0;padding: 15px 0 0;border-top: 1px solid rgb(255 ,255, 255,0.4);}    

    /* Blog */
    .blog-posts .post-wrap{ width: 100%; }

    /* Website Page */
    .inner_banner .banner_img img{ position: static; }
    .inner_banner h1, .inner_banner1 h1, .inner_content .bio_wrap .bio_wrap_r h1, .content h1.entry-title{ font-size: 60px; }
    .inner_banner .sub_title, .inner_banner1 .sub_title, .inner_content .bio_wrap .bio_wrap_r .sub_title{ font-size: 16px; margin-bottom: 40px;}
    .inner_banner p, .inner_banner1 p{ font-size: 18px; }
    .sec1 h2{ font-size: 26px; }
    .sec2 .about_image, .sec2 .about-img{ margin-bottom: 30px; }
    .sec2 .col-md-7{ padding-left: 15px; }
    .sec2 .portfolio_image img{ margin-bottom: 0; }
    .sec2 .portfolio_image h4{ font-size: 22px; }
    
    .bottomline_sec .footprint_blk h3{ font-size: 24px; }
    .bottomline_sec h3{ font-size: 30px; }

    .googleads_sec2 .googleads_img{ margin: 0; }
    .googleads_sec2{padding: 30px 0; text-align: center;}
    .googleads_sec2 h3{ margin-bottom: 30px; font-size: 24px; }
    .googleads_banner{ padding-bottom: 60px; }
    .googleads_sec3{ padding: 60px 0; }
    .googleads_sec3 .googleads3_img{ margin: 30px 0; }

    .more_followers{ padding: 40px 0; }
    .more_followers h4{ font-size: 24px; }
    .full_image{ height: 540px; background-attachment: initial;}

    .content_row .content_text p{ font-size: 18px; }    

    .blog-content h1{ font-size: 30px; }
    .blog-content .sub_title{ font-size: 16px; }

    .pricing_banner .pricing_plan{ margin-top: 30px; }

    .googleads_banner .innerbanner_img{ margin-top: 30px; }

    .social-icons img{ width: 60px; }

    .pricing_table{ display: block; }
    .pricing_table .pricing_table_col, .pricing_table .pricing_table_col:nth-child(2){width: 100%; margin: 30px 0;   }
    .pricing_table .pricing_table_col .pricing_table__in{ min-height: initial; }
    .pricing_btm{ display: block; text-align: center;}
    .pricing_btm p{ margin-bottom: 10px; }

    .pricing_top{ display: block; }
    .inner_banner1 p a[href^="tel:"], .inner_banner p a[href^="tel:"]{ font-size: 24px; }

    .inner_banner1 .row:nth-child(even){flex-direction: column-reverse;}
    .inner_content .bio_wrap{ padding: 0 }
    #map.about_map{ height: 250px; }
    .about_map_wrap .map-overlay{ top: 125px; }

    .pricing_table .pricing_table_col:nth-child(1), .pricing_table .pricing_table_col:nth-child(3){ padding-left: 0; padding-right: 0; }    
    .inner_content .bio_wrap .bio_wrap_l{ display: none; }
    .inner_content .bio_wrap .jonsinger-mob{ display: block; }
	
	table.table_col2 tr td{ display:block;}	
    .sec2 .franchise-quote img { width: auto; display: block; margin: 0 auto; }

    .team-section .team-block {width: 50%; }
	
	.franchise-quote { flex-direction: unset !important; }


    /*updated on 18.04.2023*/
    /*start*/
    .network-inner-area{ padding: 30px 20px 15px 20px; }
    .step-grp .step-cell .step-title{ padding: 15px 15px; }
    .step-grp .step-cell .step-title .step-desc{ padding: 0; }
    .step-detail{ padding: 15px 15px; }
    .step-section{ padding: 30px 0 30px 0; }
    .step-grp .step-cell .step-title .step-num{ font-size: 30px; line-height: 36px; }
    .step-grp .step-cell .step-title .step-desc{ font-size: 16px; line-height: 22px; }
    .content-section{ padding: 30px 0 30px 0; }
    /*end*/

}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {
    .hamburger:not(.close){right: 15px;}
    .home .hamburger:not(.close){top: 11px;}
    .bubble_logo .logo-wrap{padding: 0 20px 0 10px;max-width: 230px;}
    .homevideo_sec{min-height: 340px;}
    .homevideo_sec .homevideo_cap{width: 90%;}
    .homevideo_sec .homevideo_cap select{font-size: 16px;padding: 10px 30px 10px 15px;}
    
    /* Footer */
    .main-footer{padding:10px 0 20px;}
    .main-footer .foo_connect ul li a{padding: 5px 0px;}
    .main-footer .foo_connect ul li a img{height: auto;max-width: 25px;}    
    .main-footer .foo_connect ul li a span{padding: 5px 0 0;font-size: 14px;}
    .main-footer .foo_connect h2{font-size: 17px;padding: 0 0 15px;}
	.main-footer .foo_links h2 { font-size: 17px; padding: 0 0 15px; }

    .full_image{ height: 480px; }
    .main-footer p a[href^="tel:"]{ font-size: 24px; }

    .inner_banner1 .btn, .inner_banner .btn, .sec1 .btn, .sec2 .btn, .content_row .content_blk .btn{ font-size: 24px; padding: 10px 40px; }
	.contact_map_wrap .map-overlay{ width:260px; display: flex; flex-wrap: wrap;  justify-content: center; font-size:0.9em;}
	.contact_map_wrap .map-overlay img{ margin-bottom:8px; width:60px; height:60px;}
	.wpcf7-form-control-wrap.recaptcha > span{ transform: scale(0.9); -webkit-transform: scale(0.9); display: block; transform-origin: left;}
	.inner_banner h1, .inner_banner1 h1, .inner_content .bio_wrap .bio_wrap_r h1, .content h1.entry-title{ font-size: 55px; }
    
    .banner_list_left, .banner_list_right { width: 100%; }

    .team-section .team-block {width: 100%; }
	
    .get-started h4 { font-size: 25px; }


    /*updated on 18.04.2023*/
    /*start*/
    .network-inner-area{ padding: 30px 20px 15px 20px; }
    .step-grp .step-cell .step-title{ padding: 15px 15px; }
    .step-grp .step-cell .step-title .step-desc{ padding: 0; }
    .step-detail{ padding: 15px 15px; }
    .step-section{ padding: 30px 0 30px 0; }
    .step-grp .step-cell .step-title .step-num{ font-size: 30px; line-height: 36px; }
    .step-grp .step-cell .step-title .step-desc{ font-size: 16px; line-height: 22px; }
    .content-section{ padding: 0px 0 30px 0; }
    .network-grp{ display: block; }
    .network-grp .network-cell{ width: 100%; margin-right: 0; }
    .network-inner-area h2{ margin-bottom: 20px; }
    .content-section .two-col{ flex-wrap: wrap; }
    .content-section .two-col .col-left{ width: 100%; margin-bottom: 25px; }
    .content-section .two-col .col-right{ width: 100%; padding: 0; }
    .step-grp .step-cell{ width: 100%; margin-right: 0; }
    /*end*/

}

@media (max-width:480px) {
    .logo{max-width: 230px;}
    .main-container{padding: 61px 0 0;}
    .hamburger:not(.close){top: 14px;}
    .foo_about {display:block;width: 100%;text-align: center;}
    .main-footer .foo_links  {display:block;width: 100%; border-left: none; border-top: 1px solid rgb(255 ,255, 255,0.4); margin-top: 15px; padding-top: 15px;}
	
    .main-footer .foo_links ul{margin: 15px 0;padding: 10px 0;text-align: center;display: block;}
    .foo_connect {margin-top:  15px;padding-top: 15px;border-top: 1px solid rgb(255 ,255, 255,0.4);}
	.main-footer .foo_links_first ul { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.main-footer .foo_links_last ul { border-top: none; margin-top: 0px; padding-top: 0px;}
    .blog3_con .blog-posts .post-wrap{ width: 100%; }
    .get-started { margin-right: 0; margin-left: 0; }
}

/*updated on 18.04.2023*/
/*start*/
@media (max-width:992px){
.header-alert-bar .header-text{ font-size: 20px; line-height: 24px; }
.header-alert-bar .header-close-btn{ right: 4px; top: 22px; }
.home .hamburger:not(.close){ top: 62px; }
}

@media (max-width:700px){
.header-alert-bar .header-text{ font-size: 16px; line-height: 20px; }
.header-alert-bar .header-close-btn{ right: 4px; top: 22px; }
}

@media (max-width:640px){
.header-alert-bar .header-text{ font-size: 14px; line-height: 18px; max-width: 380px; padding: 0 40px; box-sizing: border-box; }
.header-alert-bar .header-close-btn{ right: -1px; top: 29px; }
.home .hamburger:not(.close){ top: 69px; }
.home.alert-hide .hamburger:not(.close){ top: 12px; }
}
/*end*/