@media only screen and (max-width: 1279px) {

    h1, .h1 { font-size: 32px; }

    h2, .h2 { font-size: 30px; }

    #header-bar .centering { height: 100px; }

    #wrapper { padding-top: 100px; }

    .slider-bar .centering { height: 415px; }

    .slider-bar h2 { font-size: 20px; }

    .work-bar { padding: 50px 0; }

    .work-bar h3 { font-size: 18px; }

    .listeners-bar { padding: 55px 0px; }

    .talk-bar h3 { font-size: 20px; }

    .talk-bar .column strong { font-size: 18px; }

    .footer_sec .centering { padding: 30px 15px 18px; }

    .footer_sec #menu ul li { padding: 0 15px; }

    #header-bar .logo { max-width: 200px; }
    #header-bar #menu ul li:first-child { padding-left: 0; }
    #header-bar #menu ul li { padding: 0 8px; }
    #header-bar .right { max-width: 350px; }
}

@media only screen and (max-width: 1199px) {
.service-bar .support_box { margin: 0 -80px 0 0; }
.service-bar .support_box .col { width: calc(50% - 20px); }
.service-bar .support_box li,
.service-bar .intro p { font-size: 18px; }
}


@media only screen and (max-width: 1023px) {
#wrapper { padding-top: 62px; }
    p { padding-bottom: 18px; }

    .btn-primary { padding: 0 14px; height: 37px; font-size: 14px; }

    #header-bar .logo { max-width: 200px; }
    #header-bar #menu ul li { padding: 0 8px; font-size: 14px; }
    #header-bar .login { margin-right: 8px; }
    #header-bar .menu_trigger { display: inline-block; }
	#header-bar { z-index: 9991; }
    #header-bar .right { width: auto; margin-right: 55px; }
    #header-bar .centering { height: 62px; }
    #header-bar .center { padding: 50px 0 20px; width: 100%; height: 100%; position: fixed; left: 0; top: 62px; display: none; background: #fff; }
    #header-bar #menu ul li:first-child ,
    #header-bar #menu ul li { padding: 20px 15px; width: 100%; font-size: 24px; text-align: center; }
    #header-bar #menu ul li a { padding-bottom: 1px; }
    #header-bar .social { display: flex; justify-content: center; align-items: center; }
    #header-bar .social li { padding: 0 5px; }
    #header-bar .social li a { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; font-size: 22px; background-color: rgba(23, 182, 201, 1); }
    #header-bar .center #menu { margin-bottom: 40px; }
    #header-bar .btn-primary { padding: 0 10px; height: 30px; font-size: 13px; border-radius: 7px; }
    #header-bar #menu ul li.current-menu-item a, #header-bar #menu ul li a:hover { color: rgb(23, 182, 201); border: 0; }
    #header-bar .right .login { display: none; }
    #header-bar .social { padding: 0; }



    .slider-bar .centering { height: 385px; }

    .work-bar .item { margin-bottom: 18px; width: 50%; }

    .feature-bar .right { width: 58%; }

    .listeners-bar .bottom small { font-size: 12px; }

    .talk-bar .row { padding: 30px; }

    .footer_sec .right { display: none; }

    .copyright_sec ul li a { font-size: 20px; }

    .inner-banner-bar { min-height: 210px; }

    .content-bar.listeners p { font-size: 20px; }

    .listeners-bar .item { margin-bottom: 25px; width: 50%; }

    .contact-bar label { font-size: 20px; }

	

	.service-bar .content { width: calc(100% - 75px); }

	.service-bar .row .box { width: 33.33%; }

	.service-bar .row { width: 100%; }

	.service-bar .support_box { margin: 0 ;  }
	.service-bar .support_box .col { width: 100%; margin-bottom: 30px; }
	

}



@media only screen and (max-width: 767px) {

    html, body { font-size: 15px; }

     h1, .h1 { font-size: 28px; }

    h2, .h2 { font-size: 25px; }


    .slider-bar h2 { font-size: 18px; }


    #wrapper { padding-top: 62px; }
    #header-bar .logo { max-width: 145px; }
    .slider-bar .content h1 br, .slider-bar h2 br { display: none; }

    .slider-bar .centering { height: 320px; }

    .work-bar .content:before { width: 48px; height: 48px; font-size: 20px; top: 20px; }

    .work-bar .content { padding: 87px 12px 17px }

    .work-bar .item, .feature-bar .left, .feature-bar .right, .listeners-bar .item, .talk-bar .column, .footer_sec #menu ul li, .footer_sec .centering .left,  .footer_sec .centering #menu { width: 100%; }

    .work-bar { padding: 38px 0 25px; }

    .feature-bar .left { margin-bottom: 25px; }

    .listeners-bar .item { margin-bottom: 25px; }

    .listeners-bar { padding: 40px 0px; }

    .talk-bar h3 {font-size: 16px; }

    .talk-bar h3 br { display: none; }

    .talk-bar .column, .footer_sec .centering .left { margin-bottom: 25px; }

    .talk-bar .content { margin-bottom: 0px; }

    .footer_sec #menu ul li { margin-bottom: 7px; padding: 0; }

    .copyright_sec { padding: 25px 0px; }

    .copyright_sec ul { margin-bottom: 14px; }

    .footer_sec { text-align: center; }

    .footer_sec .centering .left .logo { display: inline-block; }


    .feature-bar.about span { font-size: 18px; }

    .content-bar { padding: 30px 0 35px; }

    .talk-bar .intro { margin-bottom: 5px; }

    .content-bar.listeners p { font-size: 18px; }

    .content-bar.listeners { padding: 34px 0 0; }

    .work-bar.resources .content { width: 100%; }

    .work-bar.resources { padding: 20px 0 12px; }

    .service-bar ul li { margin-bottom: 8px; font-size: 16px; }

    .service-bar h4 { font-size: 18px; }

    .service-bar .content { width: 100%; text-align: center; }

    .service-bar .column { margin-bottom: 25px; }

    .service-bar .icon { margin: auto; }

    .service-bar { padding: 24px 0 15px; }


    .service-bar .row .box { margin-bottom: 25px; padding: 0 15px; width: 50%; }
    .service-bar .row { margin: 0 -15px; width: 100%; }




    .inner-banner-bar { min-height: 180px; }

    .leftBlogBox, .rightBlogBox { width: 100%; }

    .leftBlogBox { padding-right: 0; margin-top: 40px; border: 0; }

    .rightBlogBox { padding: 0; }

    .leftBlogBox h1 { padding-bottom: 8px; }

    .leftBlogBox .postLoop .date { font-size: 16px; }

    .leftBlogBox .postLoop p { padding-bottom: 15px; }

    .service-bar .support_box li, .service-bar .intro p { font-size: 16px; }

}





@media only screen and (max-width: 479px) {



    .talk-bar .column { padding: 14px 47px; }

    .talk-bar .column:before { left: 15px; }

    .talk-bar .column::after { right: 10px; }

    .talk-bar .row { padding: 18px; }

    .talk-bar ul li {padding: 0 3px; }

    .talk-bar ul li a { padding: 7px 15px; }

    .talk-bar { padding: 35px 0px 40px; }

    .slider-bar .item { padding: 0; }

    .feature-bar { padding: 35px 0px; }

    .listeners-bar .top strong, .talk-bar .column strong { font-size: 17px; }

    .inner-banner-bar { min-height: 150px; }

    .inner-banner-bar h1 { margin-bottom: 0; }

    .contact-bar label { font-size: 18px; }

    .contact-bar textarea.wpcf7-form-control { height: 180px; }

    .service-bar .row { margin: 0; width: 100%; }

    .service-bar .row .box { margin-bottom: 25px; padding: 0 10px; width: 50%; }

    .service-bar .row .image img { width: 100%; }

    

    caption, th, td { float: left; padding-left: 0; padding-right: 0; width: 100%; }

    caption, th, td { float: left; padding-left: 0; padding-right: 0; width: 100%; }

    .alignleft, .alignnone, .alignright, .aligncenter { clear: both; display: block; float: none; height: auto; margin: 0 0 10px !important; max-width: 100%; }

    .wp-caption { width: 98% !important; }

    .wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.lignright, .wp-caption.aligncenter { float: none; margin: 0 0 10px !important; }

    .wp-caption.alignleft img, .wp-caption.alignnone img, .wp-caption.lignright img, .wp-caption.aligncenter img { height: auto; max-width: 96%; width: 96%; }

    .wp-caption img { width: 96%; }

    .wp-caption p { padding: 3px !important; }

    td img.alignnone { margin: 0 !important; }



   



}



@media only screen and (min-width: 768px) {

    .mm-menu.mm-current { display: none !important; }

    html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }

    html.mm-opened { overflow: visible !important; }

    html.mm-opened body { overflow: visible !important; }

    #mm-blocker { display: none !important; }

}