@media (min-width:320px) and (max-width:640px) {


    .breadcrumbs .container-50.bc {
      width: 100% !important;
      margin-bottom: 2%;
    }

    .breadcrumbs .container-50 {
      width: 100% !important;
    }

    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}

    /* home banner */


    .section2slider{max-width:98%;}
    .dg-wrapper{width:370px; perspective :550px; height:340px; }
    .dg-wrapper .slidesection{width:370px ;}

    .logo-row{max-width:95%; margin:50px auto 0;}
    .dg-container nav{top:42%;}
    .section1{max-width:95%;}
    .section2-top-content{max-width:95%; padding-top:40px;}
    .section2-top .title{font-size:20px; line-height:26px;}
    .section2-top p{font-size:17px; line-height:22px;}
    /*.section2-top{min-height:246px;}*/
    .section1{padding:70px 0;}
    .section2{padding-bottom:70px;}
    .section3{padding:0;}
    .rgtimg .section3left{width:47%;}
    .rgtimg .section3right{width:53%;}
    .section4{padding:60px 0;}
    .footer-bottom-left nav{display:block;}
    .footer-bottom-left ul{margin-left:0; margin-top:10px;}
    .footer-bottom-left ul li:first-child:before{display:none;}
    .footer-bottom-left ul li:first-child a{padding-left:0;}
    #loadMore.cta.dark{margin-top:50px;}

    .mobview{display:block;}
    .fullview{display:none;}

    .mobile-menu, .mobile-nav-icon{display:block;}
    .menu-main-menu-container{display:none;}
    .menu-main-menu-container.close{display:block;}
    .menu-main-menu-container{background:#232323; position:absolute; top:100%; left:0; width:100%;}
    .menu-main-menu-container ul{width:100%; margin:0; padding:25px 0; box-sizing:border-box;}
    .menu-main-menu-container ul li{width:100%; margin:0; padding:0; display:block; float:none; margin:0; padding-top:15px; margin-top:15px;  text-align:left; border-top:1px solid #4b4b4b;}
    .menu-main-menu-container ul li a{padding:0; margin:0;}
    .menu-main-menu-container ul li a:hover{background:none !important;}
    .menu-main-menu-container ul li:first-child{margin-top:0; padding-top:0; border:0 none;}

    .menu-main-menu-container.close ul#menu-main-menu{position:relative;}
    .menu-main-menu-container.close ul#menu-main-menu:before{width:3%; left:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}
    .menu-main-menu-container.close ul#menu-main-menu:after{width:3%; right:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}

    header .container{position:relative;}

    .side-nav{margin:0 0 0 0;}
    .side-nav a{padding:18px 20px !important;}
    header.mob{display:block; }
    .logo{margin:8px 0 !important;}
    header.full{display:none;}
    .home header{position:relative;}
    .bannerimg::after{background-position:left bottom !important; background-size:auto !important}
    .banner-txt-content{float:none; max-width:100%;}
    .banner-txt-content .banner-txt-inner .banner-txt h1, .banner-txt-content .banner-txt-inner .banner-txt h1 a{font-size:26px; line-height:32px;}
    .banner-txt-content .banner-txt-inner .banner-txt p{font-size:18px; line-height:24px; margin-bottom:20px;}
    header .logo{margin:0;}
    .home .main-container{ position: relative; padding-top: 0; overflow:visible;}
    .section1-content{max-width:100%; float:none; margin:0 0 30px;}
    .section1{padding:40px 0 10px;}
    .rgtimg .section3left{width:100%; display:block; text-align:center;}
    .rgtimg .section3right{width:100%; text-align:center; display:block; margin:0 auto; padding:0;}
    .rgtimg .section3right img{margin:0 auto; max-width:100%;}
    .footer-top-left{width:100%; display:block; text-align:center; margin-bottom:30px;}
    .footer-top-right{width:100%; display:block; text-align:center;}
    .footer-top .container{padding:40px 0;}
    .footer-bottom-left{width:100%; display:block; float:none; text-align:center;}
    .footer-bottom-right{display:block; width:100%; float:none; text-align:center; margin-top:30px;}
    .footer-bottom-right a{display:inline-block; float:none; margin:0 5px;}

    #dg-container{display:none;}
    #mobslider{display:block;}
    .section2slider .bx-wrapper{display:block; margin:0 auto; padding:0; height:auto !important; width:100%; max-width:95% !important;}
    .section2slider .bx-viewport{width:90% !important; margin:0 auto;}

    .section2slider .bx-pager-link{width: 9px; height: 8px; background:url(/wp_content/themes/broadsoft/images/sliderpager.png) no-repeat left top; display: block; text-indent: -99999px; margin-top:8px;}
    .section2slider .bx-pager-link.active{ background:url(/wp_content/themes/broadsoft/images/sliderpager.png) no-repeat right top;}
    .section2slider .bx-pager{display: block; text-align: center; position: absolute; z-index: 8; left: 5%; right:5%; max-width:100%; width:90%;}
    .section2slider .bx-pager-item{width:9px; float:left; display:block; margin: 0 5px 0 0}

    .section2slider .bx-prev{width: 6px; height: 13px; background: url(/wp_content/themes/broadsoft/images/mob_slider_arrow.png) no-repeat left bottom; display: block; position: absolute; left: 0; top:25%; text-indent: -99999px; z-index: 8; transition: all 0.5s ease;}
    .section2slider .bx-next{width: 6px; height: 13px; background: url(/wp_content/themes/broadsoft/images/mob_slider_arrow.png) no-repeat left top; display: block; position: absolute; right: 0; top: 25%; text-indent: -99999px; z-index: 8; transition: all 0.5s ease;}
    .section2slider .bx-prev:hover{background-position:left bottom;}
    .section2slider .bx-next:hover{background-position:left top;}
    .section2slider{margin:-40px auto 0;}
    .section2-top{min-height:260px;}
    .mobslidectnt {text-align:center; max-width:330px; width:100%; margin:0 auto; padding-top:50px;}
    .mobslidectnt h3{margin-bottom:10px;}
    .mobslidectnt .cta.dark{margin-top:0;}
    .section2{padding-bottom:40px;}
    .zoomimg{display:block; width:12px; height:12px; background:url(/wp_content/themes/broadsoft/images/zoomicon.png) no-repeat left top; float:right; margin-top:10px; z-index:999;}
    .zoomimg:hover{background:url(/wp_content/themes/broadsoft/images/zoomimg_hov.png) no-repeat left top; }
    .banner-txt-content{display:block; text-align:center; top:auto;}
    .banner-txt-content .cta{margin:10px auto; float:none; display:block; clear:both; max-width:200px; width:100%;}
    .logo-row .applogo{max-width:22%; margin:0 5%;}
    .side-nav.full{display:none;}
    .side-nav.mob{display:block; width:100%; text-align:center; position:relative; z-index:9;}
    .side-nav.mob a{display:block; width:100%; padding:15px 20px !important; width:100%; text-align:center; font-size:16px; letter-spacing:0.5px; background-position: 40% center;}

	.side-nav{position:fixed !important; z-index:10; bottom:0;}
	footer{padding-bottom:48px;}
	.pagecontent{padding:20px 0;}
	.home .main-container{padding-top:0;}
    /*.home .main-container{padding-top:54px;}*/

    .home .main-container{padding-top:54px;}
    h3{font-size:22px; line-height:26px;}
    p{font-size:15px; line-height:21px;}
    .section4 h3{font-size:22px; line-height:26px;}
    .logo-row{margin-top:30px;}
    #loadMore.cta.dark{margin-top:30px;}
    .footer-top-left{font-size:24px; line-height:28px; }
    .footer-top .container{padding:30px 0;}
    .cta{padding:10px 25px;}
    .mobile_slider{display:block;}
    #loadMore.cta.dark{padding:10px 30px;}
    .cta.dark{padding:10px 25px;}
    .banner-txt-content{bottom:50px; }

    /* landing */
    .lftimg .section3left{width:100%; display:block; text-align:center;}
    .lftimg .section3right{width:100%; text-align:center; display:block; margin:0 auto; padding:0;}
    .lftimg .section3right img{margin:0 auto; max-width:100%;}

    .section1-l{padding-top:30px;}
    h1{font-size:36px !important; line-height:38px !important;}

    .top-content p{font-size:18px; line-height:24px;}
    .section2slide-section .bx-viewport{max-width:85% !important; margin:0 auto; width:100% !important;}
    .section2-l{padding:30px 0;}
    .img-block-section{margin-top:30px;}
    .mainttl{font-size:28px; line-height:32px;}
    .section4-l{padding:30px 0;}
    .section4_image{margin-top:30px;}

    .section5-l{padding:30px 0 30px;}
    .parallax-banner .video-section-inner-content{padding:25px;}
    .parallax-banner{width:300px;}
    .parallax-section-outer .container{max-width:300px; margin:0 auto; left:0; right:0; float:none;}
    #parallax{height:350px;}
    .section8-l{padding:30px 0;}
    .section8_image{margin-top:30px;}
    .section9-l{padding:30px 0 30px;}
    .section9-l .mainttl{font-size:28px; line-height:32px; padding-bottom:20px;}
    .page-template-default header.full{display:none;}
    .section3-l .boxsctin.lftimg {margin-bottom:0;}

    /* Adam's additions */
    .section3-l .rgtimg .section3left, .section3-l .lftimg  .section3left {
      text-align: left;
    }

     .section7-l .boxsctin.lftimg {margin-bottom:0;}
    .page-template-default .side-nav.mob{display:none ;}
    .page-template-default .home .main-container{padding-top:0;}
    .page-template-default .full-landing{display:block !important; width:100%; float:none;}
    .page-template-default .full-landing a{padding:15px 20px !important; display:block; text-align:center; font-size:16px; letter-spacing:0.5px;}
    .section2slide-section .bx-next{top:20%;}
    .section2slide-section .bx-prev{top:20%;}
    .imgblock{width:100%; max-width:346px; float:none; margin:0 auto 10px auto !important;}
    .section2slide-section{margin-top:40px;}
    #parallax{background-position:center top !important;}
    .expand{width:100px; height:20px; line-height:20px; margin-top:-20px; font-size:11px;}

	.side-nav{position:fixed !important; z-index:10; bottom:0;}
	footer{padding-bottom:48px;}
	.pagecontent{padding:20px 0;}
	.home .main-container{padding-top:0;}
	.support ul ul{ padding-top:0;}


	.section1{background:#fff !important;}
	.section1 .whitebg{display:none;}
	.section1-content{padding:0;}
	.sec1img-mob{display:block;}
	.section2 .whitebg{display:none;}
	.section2 .whitebg:after{display:none;}
	.section2-top .title{font-size:27px;}
	.section3 .rgtimg .section3left h3{font-size:36px; line-height:42px;}
	.rgtimg .section3left{background:url(/wp_content/themes/broadsoft/images/section4_bg2_mob.jpg) no-repeat 62% center; padding:50px 2.5%; width:100%; }
	.rgtimg .section3right{width:95%; padding:40px 0; margin:0 auto;}
	.sec3-ctnt{max-width:240px;}
	.sec1img-mob .whitebg{right:-107px;}
	.section1 .container{width:100%;}

	.section3 .rgtimg .section3left h3{text-align:left;}
	.section3 .container{max-width:100%;}

	.side-nav a.primary{background:#2c92b3 !important;}
	.side-nav a.secondary{background:#76c430 !important;}

	.side-nav a.primary:hover{background:#76c430 !important;}
	.side-nav a.secondary:hover{background:#ed1c24 !important;}

	.section1-title{font-size:26px; line-height:30px;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:0;}
	.imgblock{margin-top:50px;}
	.landing-sec2-2-left .mainttl{font-size:40px; line-height:42px;}
	.section1-l{padding-top:50px;}
	.section9-l{padding:30px 0;}
	.section9-l .mainttl{border-left:5px solid #2b92b3; padding-left:15px; padding-bottom:0;}


	.section5-l .mainttl{font-size:28px; line-height:32px; padding-bottom:20px; border-left:5px solid #2b92b3; padding-left:20px;}
	.section4-l{padding:30px 0 30px;}
	.landing-sec2-2-left{display:block; width:100%; padding:50px 0;}
	.landing-sec2-2-right{width:100%; display:block;}
	.sec21-desc{max-width:400px;}
	.imgblock{display:block; width:100%; margin:40px 0 0 0 !important;}
	.imgblock:first-child{margin:0 !important;}
	.iconssection{display:block; text-align:center;}
	.rgtimg .section3-1left{padding:0; text-align:center;}
	.section8-l .mainttl{font-size:28px; line-height:30px;}
	.section4-l .mainttl{font-size:28px; line-height:30px;}
	.parallax-banner h4{font-size:22px; line-height:28px; padding-bottom:15px;}
	.parallax-banner .subheading{margin-bottom:10px;}
	.rgtimg .section3-1left{width:100%; display:block;}
	.rgtimg .section3-1right{width:95%; float:none; text-align:center; padding:0; margin:25px auto; display:block;}
	.rgtimg .section3-1right img{text-align:center; margin:0 auto;}
	.section5-l .mainttl{padding-bottom:0;}
	.section5-l .mainttl{margin-bottom:20px;}
	.lftimg .section3left{margin-top:30px;}
	.parallax-banner .video-section-inner-content{padding:0 0 0 68px;}
	.parallax-section-outer .container{right:2.5%; max-width:400px !important; width:100% !important;}
	.parallax-section-outer .container{width:auto ;}
	.section2-l{padding:0; background:#76c430 ;}
	.landing-sec2-2-left{background:none; display:block; text-align:center;}
	.landing-sec2-2-left .mainttl{text-align:center;}
	.sec21-desc{text-align:center;}
	.landing-sec2-2-left:before{display:none;}
	.section2-l .container2{max-width:100%;}
	.landing-sec2-2-right{background:#F2F2F2; padding:30px 2.5%;}
	.section3-l .boxsctin{margin:0 !important;}
	.banner-txt h1{font-size:20px !important; line-height:24px !important; padding-bottom:5px !important;}
	.banner-txt-content .banner-txt-inner .banner-txt p{font-size:15px; line-height:18px; margin-bottom:15px;}
	.banner-txt-content .cta{padding-top:5px; padding-bottom:6px; font-size:12px; line-height:14px; margin-bottom:5px; margin-top:0; }

	.section3 .container::before{display:none;}
	.banner-txt-inner{text-align:center;}
	.page-template-landing-page .lftimg .section3right{width:100%; padding-right:0;}
	.page-template-landing-page .lftimg .section3left{width:100%;}



/*-- footer new added -*/

  .ftr-top .widget_nav_menu { width: 100%; border-bottom: 1px solid #c2c2c2; }
  .ftr-top .widget_nav_menu h5 { margin-bottom: 0px; padding: 15px;}
  .ftr-top .widget_nav_menu h5:hover { cursor: pointer;}
  .ftr-top .widget_nav_menu .menu-footer-listing-container {padding-left: 25px; padding-top: 0px; padding-bottom: 20px;}
  .ftr-top .widget_nav_menu h5 .icon {
      position: relative;
      width: 20px;
      height: 20px;
      float: right;
  }
  .ftr-top .widget_nav_menu h5 .icon.open:before {
       transform: rotate(90deg);
   }
  .ftr-top .widget_nav_menu h5 .icon.open:after {
      transform: rotate(180deg);
  }
  .ftr-top .widget_nav_menu h5 .icon:before {
      content: "";
      position: absolute;
      background-color: white;
      transition: transform 0.25s ease-out;
      top: 0;
      left: 50%;
      width: 4px;
      height: 100%;
      margin-left: -2px;
  }
  .ftr-top .widget_nav_menu h5 .icon:after{
      content: "";
      position: absolute;
      background-color: white;
      transition: transform 0.25s ease-out;
      top: 50%;
      left: 0;
      width: 100%;
      height: 4px;
      margin-top: -2px;
  }
  .ftr-top .widget_nav_menu .mobile-closed { display: none;}
  .ftr-top {padding-top: 10px;}
  .footer-bottom .container{max-width:95%;}

		/*-- footer new added -*/
	/*.ftr-top {display:none;}*/

    ftr-top .widget_nav_menu, footer .ftr-top .col-3, footer .ftr-top .col-3+.col-3, footer .ftr-top .col-3+.col-3+.col-3, footer .ftr-top .col-3+.col-3+.col-3+.col-3 { width: 100%; border-bottom: 1px solid #c2c2c2; }
    .ftr-top .widget_nav_menu .menu { display: none; }
    .ftr-top .widget_nav_menu h5 { margin-bottom: 0px; padding: 20px 0px;}
    .ftr-top .widget_nav_menu h5:hover { cursor: pointer;}
    .ftr-top .widget_nav_menu .menu-footer-listing-container {padding-left: 25px; padding-top: 0px; padding-bottom: 20px;}
    .ftr-top .widget_nav_menu h5 .icon {
        position: relative;
        width: 20px;
        height: 20px;
        float: right;
    }
    .ftr-top .widget_nav_menu h5 .icon.open:before {
         transform: rotate(90deg);
     }
    .ftr-top .widget_nav_menu h5 .icon.open:after {
        transform: rotate(180deg);
    }
    .ftr-top .widget_nav_menu h5 .icon:before {
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
        top: 0;
        left: 50%;
        width: 4px;
        height: 100%;
        margin-left: -2px;
    }
    .ftr-top .widget_nav_menu h5 .icon:after{
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
        top: 50%;
        left: 0;
        width: 100%;
        height: 4px;
        margin-top: -2px;
    }
    .ftr-top .widget_nav_menu .mobile-closed { display: none;}
    .ftr-top {padding-top: 10px;}


 .footer-bottom .container{max-width:95%;}
 .landingpage .breadcrumbs{padding-top: 30px; }
    	/*-- search --*/
	.search-results .landingpage {
	  padding-top: 20px;
	}
	.search-results h2.entry-title {
	  font-size: 24px;
	  line-height: 28px;
	}
	.search-results .site-url{font-size:14px; line-height:18px;}
	.search-results .landingpage .page-title, .search-no-results .landingpage .page-title{padding:20px 0 30px; font-size:26px; line-height:30px;}
}
@media (min-width:320px) and (max-width:480px) {
    .side-nav.mob a{background-position: 35% center;}
}
@media (min-width:641px) and (max-width:767px) {
    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}

    /* home banner */


    .section2slider{max-width:98%;}
    .dg-wrapper{width:370px; perspective :550px; height:340px; }
    .dg-wrapper .slidesection{width:370px ;}

    .logo-row{max-width:95%; margin:50px auto 0;}
    .dg-container nav{top:42%;}
    .section1{max-width:95%;}
    .section2-top-content{max-width:95%; padding-top:40px;}
    .section2-top .title{font-size:32px; line-height:40px;}
    .section2-top p{font-size:18px; line-height:26px;}
    .section2-top{min-height:346px;}
    .section1{padding:70px 0;}
    .section2{padding-bottom:70px;}
    .section3{padding:0;}
    .rgtimg .section3left{width:47%;}
    .rgtimg .section3right{width:53%;}
    .section4{padding:60px 0;}
    .footer-bottom-left nav{display:block;}
    .footer-bottom-left ul{margin-left:0; margin-top:10px;}
    .footer-bottom-left ul li:first-child:before{display:none;}
    .footer-bottom-left ul li:first-child a{padding-left:0;}
    #loadMore.cta.dark{margin-top:50px;}

    .mobview{display:block;}
    .fullview{display:none;}

    .mobile-menu, .mobile-nav-icon{display:block;}
    .menu-main-menu-container{display:none;}
    .menu-main-menu-container.close{display:block;}
    .menu-main-menu-container{background:#232323; position:absolute; top:100%; left:0; width:100%;}
    .menu-main-menu-container ul{width:100%; margin:0; padding:25px 0; box-sizing:border-box;}
    .menu-main-menu-container ul li{width:100%; margin:0; padding:0; display:block; float:none; margin:0; padding-top:15px; margin-top:15px;  text-align:left; border-top:1px solid #4b4b4b;}
    .menu-main-menu-container ul li a{padding:0; margin:0;}
    .menu-main-menu-container ul li a:hover{background:none !important;}
    .menu-main-menu-container ul li:first-child{margin-top:0; padding-top:0; border:0 none;}

    .menu-main-menu-container.close ul#menu-main-menu{position:relative;}
    .menu-main-menu-container.close ul#menu-main-menu:before{width:3%; left:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}
    .menu-main-menu-container.close ul#menu-main-menu:after{width:3%; right:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}

    header .container{position:relative;}

    .side-nav{margin:0 80px 0 0; position:relative; z-index:12; display:block}
    .side-nav a{padding-top:26px !important; padding-bottom:26px !important;}
    header.mob{display:block; }
    .logo{margin:8px 0 !important;}
    header.full{display:none;}
    .home header{position:relative;}
    .bannerimg::after{background-position:left bottom !important; background-size:auto !important;}
    .banner-txt-content{float:none; max-width:100%;}
    .banner-txt-content .banner-txt-inner .banner-txt h1, .banner-txt-content .banner-txt-inner .banner-txt h1 a{font-size:38px; line-height:40px;}
    .banner-txt-content .banner-txt-inner .banner-txt p{font-size:20px; line-height:28px; margin-bottom:25px;}
    header .logo{margin:0;}
    .home .main-container{ position: relative; padding-top: 0; overflow:visible;}
    .section1-content{max-width:48%;}
    .section1{padding:40px 0;}

    .rgtimg .section3left{width:100%; display:block; text-align:center;}
    .rgtimg .section3right{width:100%; text-align:center; display:block; margin:0 auto; padding:0;}
    .rgtimg .section3right img{margin:0 auto; max-width:100%;}

    .footer-top-left{width:100%; display:block; text-align:center; margin-bottom:30px; font-size:26px; line-height:30px;}
    .footer-top-right{width:100%; display:block; text-align:center;}
    .footer-top .container{padding:40px 0;}
    .footer-bottom-left{width:100%; display:block; float:none; text-align:center;}
    .footer-bottom-right{display:block; width:100%; float:none; text-align:center; margin-top:30px;}
    .footer-bottom-right a.primary {display:inline-block; float:none; margin:0 5px;}

    .ftr-top .col-3 { width: 100%;}

    #dg-container{display:none;}
    #mobslider{display:block;}
    .section2slider .bx-wrapper{display:block; margin:0 auto; padding:0; height:auto !important; width:100%; max-width:95% !important;}
    .section2slider .bx-viewport{width:90% !important; margin:0 auto;}



    .section2slider .bx-pager-link{width: 9px; height: 8px; background:url(/wp_content/themes/broadsoft/images/sliderpager.png) no-repeat left top; display: block; text-indent: -99999px; margin-top:8px;}
    .section2slider .bx-pager-link.active{ background:url(/wp_content/themes/broadsoft/images/sliderpager.png) no-repeat right top;}
    .section2slider .bx-pager{display: block; text-align: center; position: absolute; z-index: 999; left: 5%; right:5%; max-width:100%; width:90%;}
    .section2slider .bx-pager-item{width:9px; float:left; display:block; margin: 0 5px 0 0}

    .section2slider .bx-prev{width: 17px; height: 34px; background: url(/wp_content/themes/broadsoft/images/arrows.png) no-repeat left top; display: block; position: absolute; left: 0; top:30%; text-indent: -99999px; z-index: 999; transition: all 0.5s ease;}
    .section2slider .bx-next{width: 17px; height: 34px; background: url(/wp_content/themes/broadsoft/images/arrows.png) no-repeat right top; display: block; position: absolute; right: 0; top: 30%; text-indent: -99999px; z-index: 999; transition: all 0.5s ease;}
    .section2slider .bx-prev:hover{background-position:left top;}
    .section2slider .bx-next:hover{background-position:right top;}
    .section2slider{margin:-50px auto 0;}
    .section2-top{min-height:220px;}
    .mobslidectnt {text-align:center; max-width:330px; width:100%; margin:0 auto; padding-top:50px;}
    .mobslidectnt h3{margin-bottom:10px;}
    .mobslidectnt .cta.dark{margin-top:0;}
    .section2{padding-bottom:40px;}
    .zoomimg{display:block; width:12px; height:12px; background:url(/wp_content/themes/broadsoft/images/zoomicon.png) no-repeat left top; float:right; margin-top:10px; z-index:999;}
    .zoomimg:hover{background:url(/wp_content/themes/broadsoft/images/zoomimg_hov.png) no-repeat left top; }
    .banner-txt-content{display:block; text-align:center;}
    .banner-txt-content .cta{margin:0 5px; float:none; display:inline-block;}
    .logo-row .applogo{max-width:22%; margin:0 5%;}
    .mobile_slider{display:block;}

    /* landing */
    .lftimg .section3left{width:100%; display:block; text-align:center;}
    .lftimg .section3right{width:100%; text-align:center; display:block; margin:0 auto; padding:0;}
    .lftimg .section3right img{margin:0 auto; max-width:100%;}

    .section1-l{padding-top:30px;}
    h1{font-size:32px !important; line-height:36px !important;}
    .top-content p{font-size:18px; line-height:24px;}
    .section2slide-section .bx-viewport{max-width:90% !important; margin:0 auto; width:100% !important;}
    .section2-l{padding:30px 0;}
    .img-block-section{margin-top:30px;}
    .mainttl{font-size:30px; line-height:36px;}
    .section4-l{padding:30px 0;}
    .section4_image{margin-top:30px;}
    .section5-l .mainttl{padding-bottom:30px;}
    .section5-l{padding:30px 0 30px;}
    .parallax-banner .video-section-inner-content{padding:25px;}
    .parallax-banner{width:300px;}
    .parallax-section-outer .container{max-width:300px; margin:0; left:auto; right:5%;}
    #parallax{height:350px;}
    .section8-l{padding:30px 0;}
    .section8_image{margin-top:30px;}
    .section9-l{padding:30px 0 30px;}
    .section9-l .mainttl{font-size:30px; line-height:36px; padding-bottom:30px;}
    .page-template-default header.full{display:none;}
    .section3-l .boxsctin.lftimg {margin-bottom:0;}
    .section7-l .boxsctin.lftimg {margin-bottom:0;}
    .sec2imgttl{font-size:18px; line-height:24px;}
    #parallax{background-position:center top !important;}
	.support ul ul{ padding-top:0;}

	.section1{background:#fff !important;}
	.section1 .whitebg{display:none;}
	.section1-content{padding:0;}
	.sec1img-mob{display:block;}
	.section2 .whitebg{display:none;}
	.section2 .whitebg:after{display:none;}
	.section2-top .title{font-size:26px; line-height:30px; padding-bottom:15px;}
	.section3 .rgtimg .section3left h3{font-size:42px; line-height:45px;}
	.rgtimg .section3left{background:url(/wp_content/themes/broadsoft/images/section4_bg2_mob.jpg) no-repeat right top; padding:70px 2.5%; width:100%; text-align:left;}
	.rgtimg .section3right{width:100%; padding:40px 0;}
	.sec3-ctnt{max-width:305px;}
	.sec1img-mob .whitebg{right:-7%;}
	.section1 .container{width:100%;}

	.section3 .rgtimg .section3left h3{text-align:left;}
	.section3 .container{max-width:100%;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:0;}
	.imgblock{margin-top:50px;}
	.landing-sec2-2-left .mainttl{font-size:45px; line-height:50px;}
	.section1-l{padding-top:50px;}
	.section9-l{padding:30px 0;}
	.section9-l .mainttl{line-height:36px;}
	.section5-l .mainttl{font-size:32px; line-height:42px;}
	.section4-l{padding:60px 0 50px;}
	.landing-sec2-2-left{display:block; width:100%; padding:50px 0;}
	.landing-sec2-2-right{width:100%; display:block;}
	.sec21-desc{max-width:400px;}
	.imgblock{display:inline-block; vertical-align:top; width:30%; margin:0 0 0 4%;}
	.imgblock:first-child{margin:0;}
	.iconssection{display:block; text-align:center;}
	.rgtimg .section3-1left{padding:0; text-align:center;}
	.section8-l .mainttl{font-size:32px; line-height:38px;}
	.section4-l .mainttl{font-size:32px; line-height:38px;}
	.parallax-banner h4{font-size:22px; line-height:28px; padding-bottom:15px;}
	.parallax-banner .subheading{margin-bottom:10px;}
	.rgtimg .section3-1left{width:100%; display:block;}
	.rgtimg .section3-1right{width:95%; float:none; text-align:center; padding:0; margin:25px auto; display:block;}
	.rgtimg .section3-1right img{text-align:center; margin:0 auto;}
	.section5-l .mainttl{padding-bottom:0;}
	.section5-l .mainttl{margin-bottom:30px;}
	.lftimg .section3left{margin-top:30px;}
	.parallax-banner .video-section-inner-content{padding:0 0 0 68px;}
	.parallax-section-outer .container{right:2.5%; max-width:400px !important; width:100% !important;}
	.parallax-section-outer .container{width:auto ;}
	.section2-l{padding:0;}
	.section3 .container::before{display:none;}
	.section4 h3{font-size:26px; line-height:30px;}
	.sec3-ctnt{max-width:370px;}
	.banner-txt-inner{text-align:center;}
	.page-template-landing-page .lftimg .section3right{width:100%; padding-right:0;}
	.page-template-landing-page .lftimg .section3left{width:100%;}

	/*-- footer new added -*/
  .ftr-top .widget_nav_menu, footer .ftr-top .col-3, footer .ftr-top .col-3+.col-3, footer .ftr-top .col-3+.col-3+.col-3, footer .ftr-top .col-3+.col-3+.col-3+.col-3 { width: 100%; border-bottom: 1px solid #c2c2c2; }
    .ftr-top .widget_nav_menu .menu { display: none; }
    .ftr-top .widget_nav_menu h5 { margin-bottom: 0px; padding: 20px 0px;}
      .ftr-top .widget_nav_menu h5:hover { cursor: pointer;}
      .ftr-top .widget_nav_menu .menu-footer-listing-container {padding-left: 25px; padding-top: 0px; padding-bottom: 20px;}
      .ftr-top .widget_nav_menu h5 .icon {
          position: relative;
          width: 20px;
          height: 20px;
          float: right;
      }
      .ftr-top .widget_nav_menu h5 .icon.open:before {
          transform: rotate(90deg);
      }
      .ftr-top .widget_nav_menu h5 .icon.open:after {
          transform: rotate(180deg);
      }
      .ftr-top .widget_nav_menu h5 .icon:before {
          content: "";
          position: absolute;
          background-color: white;
          transition: transform 0.25s ease-out;
          top: 0;
          left: 50%;
          width: 4px;
          height: 100%;
          margin-left: -2px;
      }
      .ftr-top .widget_nav_menu h5 .icon:after{
          content: "";
          position: absolute;
          background-color: white;
          transition: transform 0.25s ease-out;
          top: 50%;
          left: 0;
          width: 100%;
          height: 4px;
          margin-top: -2px;
      }
      .ftr-top .widget_nav_menu .mobile-closed { display: none;}
      .ftr-top {padding-top: 10px;}



   .footer-bottom .container{max-width:95%;}
   .landingpage .breadcrumbs{padding-top: 40px; }

   	/*-- search --*/
	.search-results .landingpage, search-no-results .landingpage{
	  padding-top: 20px;
	}
	.search-results h2.entry-title {
	  font-size: 24px;
	  line-height: 28px;
	}
	.search-results .site-url{font-size:14px; line-height:18px;}
	.search-results .landingpage .page-title, .search-no-results .landingpage .page-title{padding:20px 0 30px;}
}

@media (min-width:768px) {
    footer .ftr-top .menu {

        display: block !important;
    }
}

@media (min-width:768px) and (max-width:979px) {

    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}

    .primary-menu li.support > ul > li ul.sub-menu{left:250px; width:250px; }
    .primary-menu li.support > ul > li:hover > ul.sub-menu{left:250px;  width:250px;}
    .primary-menu li.support > ul > li:hover > ul.sub-menu > li:hover > ul.sub-menu{width:250px;}

    /* home banner */
    .section2slider{max-width:98%;}
    .dg-wrapper{width:370px; perspective :550px; height:340px; }
    .dg-wrapper .slidesection{width:370px ;}

    /*.primary-menu li a{padding:25px 16px !important;}
    .primary-menu li  ul li a{padding:7px 20px !important;}
    .side-nav a{padding:25px 18px !important;}*/

    .logo-row{max-width:95%; margin:50px auto 0;}
    .dg-container nav{top:42%;}
    .section1{max-width:95%;}
    .section2-top-content{max-width:95%; padding-top:40px;}
    .section2-top .title{font-size:38px; line-height:42px;}
    .section2-top p{font-size:20px; line-height:26px;}
    .section2-top{min-height:346px;}
    .section1{padding:50px 0;}
    .section2{padding-bottom:70px;}
    .section3{padding:0;}
    .rgtimg .section3left{width:47%;}
    .rgtimg .section3right{width:53%;}
    .section4{padding:60px 0;}
    .footer-bottom-left nav{display:block;}
    .footer-bottom-left ul{margin-left:0; margin-top:10px;}
    .footer-bottom-left ul li:first-child:before{display:none;}
    .footer-bottom-left ul li:first-child a{padding-left:0;}
    #loadMore.cta.dark{margin-top:50px;}
    .mobile_slider{display:none;}
    /* landing */
    .section1-l{padding-top:50px;}
    h1{font-size:40px;}
    .top-content p{font-size:20px; line-height:26px;}
    .section2slide-section .bx-viewport{max-width:90% !important; margin:0 auto; width:100% !important;}
    .section2-l{padding:0;}
    .img-block-section{margin-top:50px;}
    .mainttl{font-size:40px; line-height:44px;}
    .section4-l{padding:50px 0;}
    .section4_image{margin-top:50px;}
    .section5-l .mainttl{margin-bottom:25px;}
    .section5-l{padding:30px 0 50px;}
    .parallax-banner .video-section-inner-content{padding:0;}
    .parallax-banner{width:225px;}
    .parallax-section-outer .container{max-width:auto; margin:0; left:auto; right:2.5%;}
    #parallax{height:350px;}
    .section8-l{padding:50px 0;}
    .section8_image{margin-top:50px;}
    .section9-l{padding:30px 0 50px;}
    /*- new for mob menu -*/
     .mobview{display:block; }
    .fullview{display:none;}

    .mobile-menu, .mobile-nav-icon{display:block;}
    .menu-main-menu-container{display:none;}
    .menu-main-menu-container.close{display:block;}
    .menu-main-menu-container{background:#232323; position:absolute; top:100%; left:0; width:100%;}
    .menu-main-menu-container ul{width:100%; margin:0; padding:25px 0; box-sizing:border-box;}
    .menu-main-menu-container ul li{width:100%; margin:0; padding:0; display:block; float:none; margin:0; padding-top:15px; margin-top:15px;  text-align:left; border-top:1px solid #4b4b4b;}
    .menu-main-menu-container ul li a{padding:0; margin:0;}
    .menu-main-menu-container ul li a:hover{background:none !important;}
    .menu-main-menu-container ul li:first-child{margin-top:0; padding-top:0; border:0 none;}

    .menu-main-menu-container.close ul#menu-main-menu{position:relative;}
    .menu-main-menu-container.close ul#menu-main-menu:before{width:3%; left:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}
    .menu-main-menu-container.close ul#menu-main-menu:after{width:3%; right:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}

    header .container{position:relative;}

    .side-nav{margin:0 90px 0 0; position:relative; z-index:12; display:block}
    /*.side-nav a{padding:18px 20px !important;}*/
    .side-nav a{padding-top:26px !important; padding-bottom:26px !important;}
    header.mob{display:block; }
    .logo{margin:8px 0 !important;}
    header.full{display:none;}
    .home header{position:relative;}
    .home .main-container{padding-top:0;}
	.support ul ul{ padding-top:0;}
	.section1{background:#fff !important;}
	.section1 .whitebg{display:none;}
	.section1-content{padding:0;}
	.sec1img-mob{display:block;}
	.section2 .whitebg{display:none;}
	.section2 .whitebg:after{display:none;}
	.section2-top .title{font-size:32px;}
	.section3 .rgtimg .section3left h3{font-size:42px; line-height:45px;}
	.rgtimg .section3left{background-position: right bottom; padding:70px 0; width:60%;}
	.rgtimg .section3right{width:40%; padding-left:2%;}
	.sec3-ctnt{max-width:305px;}
	/*.bannerimg{background-position: left top !important;}*/
	.banner-txt-content{top:auto; bottom:70px; float:none; right:auto; left:0;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:0;}
	.imgblock{margin-top:50px;}
	.landing-sec2-2-left .mainttl{font-size:45px; line-height:50px;}
	.section1-l{padding-top:50px;}
	.section9-l{padding:30px 0;}
	.section9-l .mainttl{line-height:36px;}
	.section5-l .mainttl{font-size:32px; line-height:42px;}
	.section4-l{padding:60px 0 50px;}
	.landing-sec2-2-left{display:block; width:100%; padding:50px 0;}
	.landing-sec2-2-right{width:100%; display:block;}
	.sec21-desc{max-width:400px;}
	.imgblock{display:inline-block; vertical-align:top; width:30%; margin:0 0 0 4%;}
	.imgblock:first-child{margin:0;}
	.iconssection{display:block; text-align:center;}
	.rgtimg .section3-1left{padding:0 }
	.section8-l .mainttl{font-size:40px; line-height:44px;}
	.section4-l .mainttl{font-size:40px; line-height:44px;}
	.parallax-banner h4{font-size:22px; line-height:28px; padding-bottom:15px;}
	.parallax-banner .subheading{margin-bottom:10px;}
	h1{line-height:50px;}
	/*.rgtimg .section3left{background-position:60% top;}*/
	.sec3-ctnt{max-width:280px;}

	/*-- footer new added -*/
	.ftr-top .container{max-width:95%;}
    .footer-bottom .container{max-width:95%;}
    .landingpage .breadcrumbs{padding-top: 40px; }
	/*-- search --*/
	.search-results .landingpage, .search-no-results .landingpage {
	  padding-top: 20px;
	}
	.search-results h2.entry-title {
	  font-size: 26px;
	  line-height: 30px;
	}
	.search-results .site-url{font-size:15px; line-height:20px;}
	.search-results .landingpage .page-title,.search-no-results .landingpage .page-title{padding:30px 0;}
}



@media (min-width:980px) and (max-width:999px) {

    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}

    /* home banner */
    .section2slider{max-width:98%;}
    .dg-wrapper{width:500px; }
    .dg-wrapper .slidesection{width:500px;}
    /*.primary-menu li a{padding:25px 30px !important;}
    .primary-menu li  ul li a{padding:7px 20px !important;}
    .side-nav a{padding:25px 32px !important;}*/
    .logo-row{max-width:95%; margin-left:auto; margin-right:auto;}
    .dg-container nav{top:45%;}
    /*.section1{max-width:95%;}*/
    /*- new for mob menu -*/
     .mobview{display:block;}
    .fullview{display:none;}

    .mobile-menu, .mobile-nav-icon{display:block;}
    .menu-main-menu-container{display:none;}
    .menu-main-menu-container.close{display:block;}
    .menu-main-menu-container{background:#232323; position:absolute; top:100%; left:0; width:100%;}
    .menu-main-menu-container ul{width:100%; margin:0; padding:25px 0; box-sizing:border-box;}
    .menu-main-menu-container ul li{width:100%; margin:0; padding:0; display:block; float:none; margin:0; padding-top:15px; margin-top:15px;  text-align:left; border-top:1px solid #4b4b4b;}
    .menu-main-menu-container ul li a{padding:0; margin:0;}
    .menu-main-menu-container ul li a:hover{background:none !important;}
    .menu-main-menu-container ul li:first-child{margin-top:0; padding-top:0; border:0 none;}

    .menu-main-menu-container.close ul#menu-main-menu{position:relative;}
    .menu-main-menu-container.close ul#menu-main-menu:before{width:3%; left:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}
    .menu-main-menu-container.close ul#menu-main-menu:after{width:3%; right:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}

    header .container{position:relative;}

    .side-nav{margin:0 90px 0 0; position:relative; z-index:12; display:block}
    /*.side-nav a{padding:18px 20px !important;}*/
    .side-nav a{padding-top:26px !important; padding-bottom: 26px !important;}
    header.mob{display:block; }
    .logo{margin:8px 0 !important;}
    header.full{display:none;}
    .home header{position:relative;}
    .home .main-container{padding-top:0;}
	.support ul ul{ padding-top:0;}

	.box-section{max-width:570px;}
	.section1-content{max-width:280px;}
    .section1-content{padding:80px 0;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:10px;}
	.imgblock{margin-top:50px;}
	.landing-sec2-2-left .mainttl{font-size:70px; line-height:70px;}
	.section1-l{padding-top:50px;}
	.section9-l{padding:30px 0;}
	.section9-l .mainttl{line-height:36px;}
	.section5-l .mainttl{font-size:32px; line-height:42px;}
	.section4-l{padding:60px 0 50px;}
	.section3 .rgtimg .section3left h3{font-size:52px; line-height:58px;}
	h1{font-size:62px; line-height:72px;}
	.rgtimg .section3left{background-position:60% top;}
	.sec3-ctnt{max-width:280px;}

	/*-- footer new added -*/
	.ftr-top .container{max-width:95%;}
    .footer-bottom .container{max-width:95%;}
    .landingpage .breadcrumbs{padding-top: 40px; }
	/* search */
	.search-results .landingpage, .search-no-results .landingpage {
	  padding-top: 20px;
	}
}

@media (min-width:1000px) and (max-width:1024px) {

    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}

    /* home banner */
    .section2slider{max-width:98%;}
    .dg-wrapper{width:500px; }
   .dg-wrapper .slidesection{width:500px;}
    /*.primary-menu li a{padding:25px 36px !important;}
    .primary-menu li  ul li a{padding:7px 20px !important;}
    .side-nav a{padding:25px 38px !important;}*/
    .logo-row{max-width:95%; margin-left:auto; margin-right:auto;}
    /*.section1{max-width:95%;}*/

    /*- new for mob menu -*/
     .mobview{display:block;}
    .fullview{display:none;}

    .mobile-menu, .mobile-nav-icon{display:block;}
    .menu-main-menu-container{display:none;}
    .menu-main-menu-container.close{display:block;}
    .menu-main-menu-container{background:#232323; position:absolute; top:100%; left:0; width:100%;}
    .menu-main-menu-container ul{width:100%; margin:0; padding:25px 0; box-sizing:border-box;}
    .menu-main-menu-container ul li{width:100%; margin:0; padding:0; display:block; float:none; margin:0; padding-top:15px; margin-top:15px;  text-align:left; border-top:1px solid #4b4b4b;}
    .menu-main-menu-container ul li a{padding:0; margin:0;}
    .menu-main-menu-container ul li a:hover{background:none !important;}
    .menu-main-menu-container ul li:first-child{margin-top:0; padding-top:0; border:0 none;}

    .menu-main-menu-container.close ul#menu-main-menu{position:relative;}
    .menu-main-menu-container.close ul#menu-main-menu:before{width:3%; left:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}
    .menu-main-menu-container.close ul#menu-main-menu:after{width:3%; right:-3%; top:0; height:100%; content:""; position:absolute; background:#232323 ;}

    header .container{position:relative;}

    .side-nav{margin:0 90px 0 0; position:relative; z-index:12; display:block}
    .side-nav a{padding-top:26px !important; padding-bottom: 26px !important;}
    header.mob{display:block; }
    .logo{margin:8px 0 !important;}
    header.full{display:none;}
    .home header{position:relative;}
    .home .main-container{padding-top:0;}
	.support ul ul{ padding-top:0;}
	.box-section{max-width:600px;}
	.section1-content{max-width:300px;}
    .section1-content{padding:80px 0;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:10px;}
	.imgblock{margin-top:50px;}
	.landing-sec2-2-left .mainttl{font-size:70px; line-height:70px;}
	.section1-l{padding-top:50px;}
	.section9-l{padding:30px 0;}
	.section9-l .mainttl{line-height:36px;}
	.section5-l .mainttl{font-size:32px; line-height:42px;}
	.section4-l{padding:60px 0 50px;}
	.section3 .rgtimg .section3left h3{font-size:52px; line-height:58px;}
	.rgtimg .section3left{background-position:60% top;}
	h1{font-size:62px; line-height:72px;}
	.sec3-ctnt{max-width:280px;}
		/*-- footer new added -*/
	.ftr-top .container{max-width:95%;}
    .footer-bottom .container{max-width:95%;}
    .landingpage .breadcrumbs{padding-top: 40px; }
	/* search */
	.search-results .landingpage, .search-no-results landingpage{
	  padding-top: 20px;
	}
}

@media (min-width:1025px) and (max-width:1100px) {
    .home-banner .container, header .container{ max-width:95%;}
    .container{ max-width:95%;}
    .container2{ max-width:95%;}
    /* home banner */
    .section2slider{max-width:98%;}
    .dg-wrapper{width:580px; perspective:778px}
    .dg-wrapper .slidesection{width:580px;}
    .logo-row{max-width:95%; margin-left:auto; margin-right:auto;}
    /*.section1{max-width:95%;}*/
    .primary-menu li.support ul.sub-menu li ul.sub-menu{width:240px !important;}
    .close_service{ top:0; right:1%; cursor:pointer;}
	.box-section{max-width:665px;}
	.section1-content{max-width:320px;}

	.landing-sec2-2-right{padding:50px 0;}
	.parallax-banner{right:10px;}
	.primary-menu li a{padding-left:22px; padding-right:22px;}
	.primary-menu li.signin a{ padding-left: 55px; padding-right: 22px; background-position:22px center;}
	.side-nav a.primary{padding-left: 55px; padding-right: 22px; background-position:22px center;}
	.primary-menu li.signin a:hover{background-position:22px center !important;}
	.side-nav a.primary:hover{background-position:22px center !important;}
	.banner-txt-inner{margin-right:15px;}
	.sec3-ctnt{max-width:300px;}

	/*-- footer new added -*/
	.ftr-top .container{max-width:95%;}
   .footer-bottom .container{max-width:95%;}
    .landingpage .breadcrumbs{padding-top: 40px;}
	/* search */
	.search-results .landingpage, .search-no-results .landingpage{
	  padding-top: 20px;
	}
}

@media (min-width:1101px) and (max-width:1200px) {
.primary-menu li.support ul.sub-menu li ul.sub-menu{width:250px !important;}
.close_service{ top:10px; right:2%; cursor:pointer;}
.dg-container nav span.dg-prev{margin-left:5px;}
.dg-container nav span.dg-next{margin-right:5px;}
.section2slider{max-width:1100px;}
	.primary-menu li a{padding-left:27px; padding-right:27px;}
	.primary-menu li.signin a{ padding-left: 60px; padding-right: 27px; background-position:27px center;}
	.side-nav a.primary{padding-left: 60px !important; padding-right: 27px !important; background-position:27px center;}
	.primary-menu li.signin a:hover{background-position:27px center !important;}
	.side-nav a.primary:hover{background-position:27px center !important;}
	.banner-txt-inner{margin-right:15px;}

/*-- footer new added -*/
.ftr-top .container{max-width:95%;}
.footer-bottom .container{max-width:95%;}
}

@media (min-width:1201px) and (max-width:1250px) {
.primary-menu li.support ul.sub-menu li ul.sub-menu{width:280px !important;}
.close_service{ top:10px; right:2%; cursor:pointer;}
.dg-container nav span.dg-prev{margin-left:20px;}
.dg-container nav span.dg-next{margin-right:20px;}
}

/*