@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1450px) {
    .banner > img               {  min-height: 755px; width: auto; min-width: 100%;}
    /*.banner .banner_cont        { position: absolute; left: 0; bottom: 0; width: 100%;}*/
    .youtube                    { width: 100%; }
}

@media only screen and (min-width:768px){
    .nav li:hover ul { display: block;}
    
}

@media only screen and (min-width:768px) and (max-width:1199px) 
{
    .services_list  .section img    { max-width: 100%; height: auto; }
    .banner_cont img                { max-width: 100%; height: auto;} 
    .banner > img                   {height: 655px; min-height: 655px;}
    h1                              { font-size: 50px; line-height: 52px; padding-bottom: 35px;}
    h2                              { font-size: 37px; line-height: 38px; padding-bottom: 17px;}
    h3                              { font-size: 35px; line-height: 37px;}
    h4                             { font-size: 33px; line-height: 35px;}
    .services_list .section .cont   { padding-left: 25px;}
    .services_list .section.odd .cont   { padding-right: 25px;}
    .services_list .section p       { font-size: 19px; line-height: 23px;}
    p                               {font-size: 19px; line-height: 23px;}
    .navbar-default .navbar-nav > li > a    {  padding: 11px;}
    .services_list .section         { padding: 50px 0;}
    .services_list .section.odd     { padding: 50px 0;}
    .services_list .section:first-child{ padding-top: 50px;}
    .cta_top                        { padding: 22px 0 27px;}
    .small_clients ul li            {margin-right: 1.5%; width: 13%;}
    
    .page_title                     { padding: 40px 0;}
    
    .request_quote_top              { padding: 28px 0 33px;}
    .request_quote_btm              { padding: 44px 0;}
    
    .imgwrap img                    { max-width: 100%; height: auto;}
    .featured_page .feature_section .cont   { padding-right: 25px;}
    .featured_page .feature_section.odd .cont   { padding-left: 25px;}
    .featured_page .feature_section { padding-top: 60px;}
    
    .how_it_work .work_section .work_cont ul li a img   { display: block; max-width: 94%; margin: 0 auto;}
    .how_it_work .work_section .work_cont ul li a   { display: block;}
    .pricing_page                   { padding-bottom: 40px;}
    .pricing-table .pricing-plan    { min-height: 1265px; }
    .pricing-table .pricing-plan .btn-primary    { padding-top: 20px; }
}


@media only screen and (min-width:768px) and (max-width:991px) 
{
    .services_list  .section img    { max-width: 100%; height: auto; }
    .banner_cont img                { max-width: 100%; height: auto;} 
    .banner > img                   {height: 610px; min-height: 610px;}
    h1                              { font-size: 45px; line-height: 46px; padding-bottom: 30px;}
    h2                              { font-size: 35px; line-height: 36px; padding-bottom: 15px;}
    h3                              { font-size: 33px; line-height: 35px;}
    h4                              { font-size: 31px; line-height: 35px;}
    h5                              { font-size: 30px; line-height: 32px;}
    .services_list .section p       { font-size: 19px; line-height: 23px;}
    p                               {font-size: 19px; line-height: 23px;}
    .navbar-default .navbar-nav > li > a    {  padding: 11px;}
    .services_list .section         { padding: 50px 0;}
    .services_list .section.odd     { padding: 50px 0;}
    .services_list .section:first-child{ padding-top: 50px;}
    .navbar-default .navbar-brand em    { float: none; display: block; padding-left: 0; background: none;}
    .navbar-right                       { margin-top: 20px;}
    .cta_top                        { padding: 22px 0 27px;}
    .services_list .section .cont   { padding-left: 0; text-align: center; padding-top: 28px; }
    .services_list .section.odd .cont{ padding-right: 0; text-align: center; padding-top: 28px;}
    
    .small_clients ul li            { width: 18.6%; margin-right: 1.65%; text-align: center;} 
    .small_clients ul li .logo_wrap { width: 100%;}
    .small_clients ul li.last       { margin-right: 1.65%;}
    .small_clients ul li.last1      { margin-right: 0;}
    .small_clients ul li            { padding-bottom: 35px;}
    .big_client  img                { max-width: 100%; height: auto;}
    .big_client blockquote          { padding-left: 15px;}
    .big_client strong              { padding-left: 15px;}
    .big_client                     { padding: 50px 0; }
    .mid_clients blockquote         { padding-left: 0;}
    .mid_clients strong             { padding-left: 0;}
    .mid_clients big                { padding-left: 0;}
    .mid_clients strong             { padding-bottom: 10px;} 
    .page_title                     { padding: 34px 0;}
    
    .request_quote_top              { padding: 25px 0 30px;}
    .request_quote_btm              { padding: 38px 0;}
    .request_quote_top p            { font-size: 21px;}
    .request_quote_btm p             { font-size: 21px;}
    .request_quote_mid              { padding: 50px 0;}
    .request_quote_mid .video       { max-width: 100%; margin-bottom:30px;}
    .request_quote_mid .video img   { width: 100%;}
    .request_quote_mid .video a.videoplaybtn    { width: 80px; height: 80px; background-size: 100% auto; margin-left: -40px; margin-top: -40px;}
    .request_quote_form form input[type="text"], .request_quote_form form input[type="email"]   { height: 40px; line-height: 40px; margin-bottom: 7px;}
    .request_quote_form form input[type="submit"]   { height: 45px; line-height: 45px;}
    .request_quote_form form .captcha   { margin: 10px 0 15px;}
    
    .imgwrap img                    { max-width: 100%; height: auto; display: block; margin: 0 auto;}
    .featured_page .feature_section .cont   { padding-right: 0; text-align: center;}
    .featured_page .feature_section.odd .cont   { padding-left: 0;}
    .featured_page .feature_section { padding-top: 45px;}
    .featured_page .feature_section .cont   { padding-top: 0; padding-bottom:10px;}
    .featured_page .feature_section .cont a.learn_more  { margin: 0 auto 25px;}
    .featured_page .feature_section .cont >a { display: inline-block; margin: 0 auto 25px;}
    .featured_page .feature_section .cont .related_link{ padding-bottom: 20px;}
    .featured_page .feature_section .cont{ padding-right: 10px;}
    .featured_page .feature_section.odd .cont   { padding-left: 5px; padding-right: 5px;}
    
    .how_it_work .work_section .work_cont ul    { margin: 0 -10px;}
    .how_it_work .work_section .work_cont p     { font-size: 21px; line-height: 24px;}
    .how_it_work .work_section .work_cont       { padding: 45px 0 0;}
    .how_it_work .work_section .work_cont ul    { padding-top: 40px; }
    .how_it_work .work_section                  { padding-bottom: 40px;}
    .how_it_work .work_section .work_cont .row > div    { padding-left: 5px; padding-right: 5px;}
    .how_it_work .work_section .work_cont ul li a img   { display: block; max-width: 96%; margin: 0 auto;}
    .how_it_work .work_section .work_cont ul li a   { display: block;}
    
    .pricing_page                   { padding-bottom: 40px;}    
    .pricing_page .pricing_tab_cont     { padding-top: 65px;}
    .pricing_page .pricing_tab_cont .premium .heading h2    { font-size: 60px; line-height: 56px;}
    .pricing_page .pricing_tab_cont .heading h2 { font-size: 40px;}
    .corner > img                       { width: 68px; }
    em.corner                           {top: -1px !important;}
}


@media only screen and (min-width:600px) and (max-width:767px) 
{
    .services_list  .section img    { max-width: 100%; height: auto; }
    .banner_cont img                { max-width: 100%; height: auto;} 
    .banner > img                   {height: 610px; min-height: 610px;}
    h1                              { font-size: 38px; line-height: 40px; padding-bottom: 30px;}
    h2                              { font-size: 35px; line-height: 36px; padding-bottom: 15px;}
    h3                              { font-size: 31px; line-height: 32px;}
    h4                              { font-size: 29px; line-height: 30px;}
    h5                             { font-size: 28px; line-height: 30px; padding-bottom: 15px;}
    .services_list .section p       { font-size: 18px; line-height: 22px;}
    p                               {font-size: 18px; line-height: 22px;}
    .banner .banner_cont .btn_wrap a    {width: 185px; margin: 0 10px; height: 40px; line-height: 40px;}
    
    .banner > img               { position: absolute; left: 0; top: 0; height: 100%; width: auto;}
    .banner .banner_cont        { position: relative; left: 0; bottom: 0; width: 100%;   padding-top: 50px;}
    .cta_top                        { padding: 22px 0 27px;}
    .services_list .section .cont   { padding-left: 0; text-align: center; padding-top: 28px; }
    .services_list .section.odd .cont{ padding-right: 0; text-align: center; padding-top: 28px;}
    .services_list .section:first-child .cont{ padding-top: 28px;}
    .services_list .section         { padding: 50px 10px;}
    .services_list .section.odd     { padding: 50px 10px;}
    .services_list .section:first-child{ padding-top: 50px;}
    .navbar-toggle                  { margin-right: 20px;}
    .navbar-default .navbar-brand   { margin-left: 20px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; box-shadow: none;}
    .navbar-default .navbar-nav > li > a {
        padding: 11px 20px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5dc560;
    }
    .navbar-default .navbar-toggle {
        border-color: #5dc560;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: transparent;}
    
    .btm_footer                     { padding: 30px 10px 32px;}
    .cta_bottom                     { padding: 16px 10px 20px;}
    .cta_bottom h4                  { float: none; text-align: center; line-height: 30px; padding-bottom: 15px;}
    .cta_bottom a.schedule_demo     { float: none; display: block; margin: 0 auto; height: 41px; line-height: 40px;}
    .footer_nav                     { padding-bottom: 15px;}
    
    .small_clients ul li            { width:23.7%; margin-right: 1.65%; text-align: center;} 
    .small_clients ul li .logo_wrap { width: 100%;}
    .small_clients ul li.last       { margin-right: 1.65%;}
    .small_clients ul li.last2      { margin-right: 0;}
    .small_clients ul li            { padding-bottom:25px;}
    .big_client  img                { max-width: 100%; height: auto;}
    .big_client blockquote          { padding-left: 0px;}
    .big_client strong              { padding-left: 0px;}
    .big_client                     { padding: 35px 10px; }
    .mid_clients blockquote         { padding-left: 0;}
    .mid_clients strong             { padding-left: 0;}
    .mid_clients big                { padding-left: 0;}
    .mid_clients strong             { padding-bottom: 10px;} 
    .page_title                     { padding: 30px 0;}
    .big_client blockquote          { font-size: 35px; line-height: 37px; padding-bottom: 10px;}
    .big_client strong              { font-size: 19px;}
    .mid_clients                    { padding: 20px 10px 16px; text-align: center;}
    .mid_clients img                {display: block; margin: 0 auto 15px; }
    
    .request_quote_top              { padding: 25px 0 30px;}
    .request_quote_btm              { padding: 23px 0 25px;}
    .request_quote_top p            { font-size: 21px;}
    .request_quote_btm p             { font-size: 21px;}
    .request_quote_mid              { padding:35px 10px;}
    .request_quote_mid .video       { max-width: 100%; margin-bottom:30px;}
    .request_quote_mid .video img   { width: 100%;}
    .request_quote_form form input[type="text"], .request_quote_form form input[type="email"]   { height: 40px; line-height: 40px; margin-bottom: 10px;}
    .request_quote_form form input[type="submit"]   { height: 45px; line-height: 45px;}
    
    .request_quote_mid .video a.videoplaybtn    { width: 100px; height: 100px; background-size: 100% auto; margin-left: -50px; margin-top: -50px;}
    
    .imgwrap img                    { max-width: 100%; height: auto; display: block; margin: 0 auto;}
    .featured_page .feature_section .cont   { padding-right: 0; text-align: center;}
    .featured_page .feature_section.odd .cont   { padding-left: 0;}
    .featured_page .feature_section { padding-top: 35px; padding-left: 5px; padding-right: 5px;}
    .featured_page .feature_section .cont   { padding-top: 0; padding-bottom:10px;}
    .featured_page .feature_section .cont a.learn_more  { margin: 0 auto 25px;}
    .featured_page .feature_section .cont .related_link{ padding-bottom: 20px;}
    .featured_page .feature_section .cont{ padding-right: 10px;}
    .featured_page .feature_section.odd .cont   { padding-left: 5px; padding-right:5px;}
    .featured_page .feature_section .cont >a { display: inline-block; margin: 0 auto 25px;}
    .featured_page .feature_section .cont p { padding-bottom: 20px;}
    
    
    .how_it_work .work_section .work_cont ul    { margin: 0 -10px;}
    .how_it_work .work_section .work_cont p     { font-size: 21px; line-height: 24px;}
    .how_it_work .work_section .work_cont       { padding: 45px 10px 0;}
    .how_it_work .work_section .work_cont ul    { padding-top: 40px; }
    .how_it_work .work_section                  { padding-bottom: 40px;}
    .how_it_work .work_section .work_cont .row > div    { padding-left: 5px; padding-right: 5px;}
    .how_it_work .work_section .work_cont ul li a img   { display: block; max-width: 96%; margin: 0 auto;}
    .how_it_work .work_section .work_cont ul li a   { display: block;}
    .how_it_work .work_section .work_cont ul li:last-child  { padding-bottom: 0;}
    .how_it_work .work_section .page_title h2 strong    { font-size: 45px; padding-right: 10px;}
    
    
    .pricing_page                               { padding-bottom:30px; padding-left: 5px; padding-right: 5px;}    
    .pricing_page .pricing_tab_cont             { padding-top:40px; padding-bottom: 40px;}
    .pricing_page .pricing_tab_cont .premium .heading h2    { font-size: 60px; line-height: 56px;}
    .pricing_page .pricing_tab_cont .heading h2 { font-size: 40px;}
    .pricing_page .faq p                        { font-size: 18px;}
    .pricing_page .faq h6                            { font-size: 18px;}
    .pricing_page span.higher_plan              { font-size: 18px; padding-bottom: 30px; }
    .pricing_page .pricing_tab_cont .starter    { width: 100%; margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .developer  { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .premium    { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .enterprise { width: 100%; }
}


@media only screen and (min-width:480px) and (max-width:599px) 
{
    .services_list  .section img    { max-width: 100%; height: auto; }
    .banner_cont img                { max-width: 100%; height: auto;} 
    .banner > img                   {height: 610px; min-height: 610px;}
    h1                              { font-size:30px; line-height: 32px; padding-bottom:25px;}
    h2                              { font-size:28px; line-height: 30px; padding-bottom: 15px;}
    h3                              { font-size: 25px; line-height: 28px;}
    h4                              { font-size:23px; line-height: 27px;}
    h5                             { font-size: 25px; line-height: 26px; padding-bottom: 15px;}
    .services_list .section p       { font-size: 17px; line-height: 21px;}
    p                               {font-size: 17px; line-height: 21px;}
    .banner .banner_cont .btn_wrap a    {width: 175px; margin: 0 8px; height:38px; line-height:38px;}

    .banner > img               { position: absolute; left: 0; top: 0; height: 100%; width: auto;}
    .banner .banner_cont        { position: relative; left: 0; bottom: 0; width: 100%;   padding-top: 30px;}
    .cta_top                        { padding: 18px 0 23px;}
    .services_list .section.odd .cont{ padding-right: 0; text-align: center; padding-top: 28px;}
    .services_list .section .cont{ padding-left: 0; text-align: center; padding-top: 28px; }

    .services_list .section         { padding: 40px 10px;}
    .services_list .section.odd     { padding: 40px 10px;}
    .services_list .section:first-child{ padding-top:45px;}
    .navbar-toggle                  { margin-right: 20px; margin-top: 21px;}
    .navbar-default .navbar-brand   { margin-left: 20px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; box-shadow: none;}
    .navbar-default .navbar-nav > li > a {
        padding: 11px 20px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5dc560;
    }
    .navbar-default .navbar-toggle {
        border-color: #5dc560;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: transparent;}
    .navbar-default .navbar-brand em    { float: none; display: block; padding-left: 0; background: none;}
    
    .btm_footer                     { padding: 30px 10px 32px;}
    .cta_bottom                     { padding: 16px 10px 20px;}
    .cta_bottom h4                  { float: none; text-align: center; line-height: 30px; padding-bottom: 15px;}
    .cta_bottom a.schedule_demo     { float: none; display: block; margin: 0 auto; height: 41px; line-height: 40px;}
    .footer_nav                     { padding-bottom: 15px;}
    
    
    .small_clients ul li            { width:32.2%; margin-right: 1.65%; text-align: center;} 
    .small_clients ul li .logo_wrap { width: 100%;}
    .small_clients ul li.last       { margin-right: 1.65%;}
    .small_clients ul li.last3      { margin-right: 0;}
    .small_clients ul li            { padding-bottom:25px;}
    .big_client  img                { max-width: 100%; height: auto;}
    .big_client blockquote          { padding-left: 0px;}
    .big_client strong              { padding-left: 0px;}
    .big_client                     { padding: 35px 10px; }
    .mid_clients blockquote         { padding-left: 0;}
    .mid_clients strong             { padding-left: 0;}
    .mid_clients big                { padding-left: 0;}
    .mid_clients strong             { padding-bottom: 10px;} 
    .page_title                     { padding:30px 0;}
    .big_client blockquote          { font-size: 28px; line-height: 30px; padding-bottom: 6px;}
    .big_client strong              { font-size: 19px;}
    .mid_clients                    { padding: 20px 10px 16px; text-align: center;}
    .mid_clients img                {display: block; margin: 0 auto 15px; }
    
    .request_quote_top              { padding: 25px 10px 30px;}
    .request_quote_btm              { padding: 23px 10px 25px;}
    .request_quote_top p            { font-size: 19px; line-height: 23px;}
    .request_quote_btm p             { font-size: 19px; line-height: 23px;}
    .request_quote_mid              { padding:35px 10px;}
    .request_quote_mid .video       { max-width: 100%; margin-bottom:30px;}
    .request_quote_mid .video img   { width: 100%;}
    .request_quote_form form input[type="text"], .request_quote_form form input[type="email"]   { height: 40px; line-height: 40px; margin-bottom: 10px;}
    .request_quote_form form input[type="submit"]   { height: 45px; line-height: 45px;}
    .request_quote_mid .video a.videoplaybtn    { width: 80px; height: 80px; background-size: 100% auto; margin-left: -40px; margin-top: -40px;}
    
    .imgwrap img                    { max-width: 100%; height: auto; display: block; margin: 0 auto;}
    .featured_page .feature_section .cont   { padding-right: 0; text-align: center;}
    .featured_page .feature_section.odd .cont   { padding-left: 0;}
    .featured_page .feature_section { padding-top: 35px; padding-left: 5px; padding-right: 5px;}
    .featured_page .feature_section .cont   { padding-top: 0; padding-bottom:10px;}
    .featured_page .feature_section .cont a.learn_more  { margin: 0 auto 25px;}
    .featured_page .feature_section .cont .related_link{ padding-bottom: 20px;}
    .featured_page .feature_section .cont{ padding-right: 10px;}
    .featured_page .feature_section.odd .cont   { padding-left: 5px; padding-right: 5px;}
    .featured_page .feature_section .cont >a { display: inline-block; margin: 0 auto 25px;}
    .featured_page .feature_section .cont p { padding-bottom: 20px;}
    
    .how_it_work .work_section .work_cont ul    { margin: 0 -10px;}
    .how_it_work .work_section .work_cont p     { font-size: 19px; line-height: 22px;}
    .how_it_work .work_section .work_cont       { padding:35px 10px 0;}
    .how_it_work .work_section .work_cont ul    { padding-top: 30px; }
    .how_it_work .work_section                  { padding-bottom:30px;}
    .how_it_work .work_section .work_cont .row > div    { padding-left: 5px; padding-right: 5px;}
    .how_it_work .work_section .work_cont ul li a img   { display: block; max-width: 96%; margin: 0 auto;}
    .how_it_work .work_section .work_cont ul li a   { display: block;}
    .how_it_work .work_section .work_cont ul li:last-child  { padding-bottom: 0;}
    .how_it_work .work_section .page_title h2 strong    { font-size: 40px; padding-right: 10px;}
    
    .pricing_page                               { padding-bottom:30px; padding-left: 5px; padding-right: 5px;}    
    .pricing_page .pricing_tab_cont             { padding-top:40px; padding-bottom: 40px;}
    .pricing_page .pricing_tab_cont .premium .heading h2    { font-size: 60px; line-height: 56px;}
    .pricing_page .pricing_tab_cont .heading h2 { font-size: 40px;}
    .pricing_page .faq p                        { font-size: 17px;}
   
    .pricing_page .faq h6                       { font-size: 17px;}
    .pricing_page span.higher_plan              { font-size: 17px; padding-bottom: 30px; }
    .pricing_page .pricing_tab_cont .starter    { width: 100%; margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .developer  { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .premium    { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .enterprise { width: 100%; }
    .featured_page .feature_section .imgwrap a  { display: block;}
    .featured_page .feature_section .imgwrap a span.zoom    { background-size: 65px 65px;}
}


@media only screen and (min-width:300px) and (max-width:479px) 
{
    .services_list  .section img    { max-width: 100%; height: auto; }
    .banner_cont img                { max-width: 100%; height: auto;} 
    .banner > img                   {height: 610px; min-height: 610px;}
    h1                              { font-size:27px; line-height: 30px; padding-bottom:25px;}
    h2                              { font-size:25px; line-height: 27px; padding-bottom: 12px;}
    h3                              { font-size: 23px; line-height: 25px;}
    h4                              { font-size:22px; line-height: 24px;}
    h5                             { font-size: 24px; line-height: 26px; padding-bottom: 12px;}
    .services_list .section p       { font-size: 17px; line-height: 21px;}
    p                               {font-size: 17px; line-height: 21px;}
    .banner .banner_cont .btn_wrap a    {width:160px; margin: 0px; height:38px; line-height:38px;}

    .banner > img               { position: absolute; left: 0; top: 0; height: 100%; width: auto;}
    .banner .banner_cont        { position: relative; left: 0; bottom: 0; width: 100%;   padding-top: 30px;}
    .cta_top                        { padding: 18px 0 23px;}
    .services_list .section .cont   { padding-left: 0; text-align: center; padding-top: 28px; }
    .services_list .section.odd .cont{ padding-right: 0; text-align: center; padding-top: 28px;}

    .services_list .section:first-child .cont{ padding-top: 28px;}
    .services_list .section         { padding: 35px 0;}
    .services_list .section.odd     { padding: 35px 0;}
    .services_list .section:first-child{ padding-top:40px;}
    .navbar-toggle                  { margin-right: 20px; margin-top: 21px;}
    .navbar-default .navbar-brand   { margin-left: 20px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; box-shadow: none;}
    .navbar-default .navbar-nav > li > a {
        padding: 11px 20px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5dc560;
    }
    .navbar-default .navbar-toggle {
        border-color: #5dc560;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: transparent;}
    .navbar-default .navbar-brand em    { float: none; display: block; padding-left: 0; background: none;}
    .banner .banner_cont h1             { padding-left: 0; padding-right: 0;}
    .banner .banner_cont .btn_wrap a.play-video{ margin-bottom: 15px;}
    
    .btm_footer                     { padding: 30px 10px 32px;}
    .cta_bottom                     { padding: 16px 10px 20px;}
    .cta_bottom h4                  { float: none; text-align: center; line-height: 30px; padding-bottom: 15px;}
    .cta_bottom a.schedule_demo     { float: none; display: block; margin: 0 auto; height: 41px; line-height: 40px;}
    .footer_nav                     { padding-bottom: 15px;}
    
    .small_clients                  {padding: 20px 0 45px;}
    .small_clients ul li            { width:50%; margin-right: 0; text-align: center;} 
    .small_clients ul li .logo_wrap { width: 100%;}
    .small_clients ul li.last       { margin-right: 0;}
    .small_clients ul li.last4      { margin-right: 0;}
    .small_clients ul li            { padding-bottom:15px;}
    .big_client  img                { max-width: 100%; height: auto;}
    .big_client blockquote          { padding-left: 0px;}
    .big_client strong              { padding-left: 0px;}
    .big_client                     { padding: 35px 10px; }
    .mid_clients blockquote         { padding-left: 0;}
    .mid_clients strong             { padding-left: 0;}
    .mid_clients big                { padding-left: 0;}
    .mid_clients strong             { padding-bottom: 10px;} 
    .page_title                     { padding: 28px 0;}
    .big_client blockquote          { font-size: 28px; line-height: 30px; padding-bottom: 6px;}
    .big_client strong              { font-size: 19px;}
    .mid_clients                    { padding: 20px 10px 16px; text-align: center;}
    .mid_clients img                {display: block; margin: 0 auto 15px; }
    .big_client .col-xs-4           { width: 100%;}
    .big_client .col-xs-4 img       { display: block; margin: 0 auto 0px; max-width:65%;}
    .big_client .col-xs-8           { width: 100%; text-align: center;} 
    .mid_clients .col-xs-6           { width: 100%; padding-bottom: 16px;}
    .mid_clients                    { padding-bottom: 0;}
    
    .request_quote_top              { padding: 23px 10px 28px;}
    .request_quote_btm              { padding: 23px 10px 25px;}
    .request_quote_top p            { font-size: 19px; line-height: 23px;}
    .request_quote_btm p             { font-size: 19px; line-height: 23px;}
    .request_quote_mid              { padding:35px 10px;}
    .request_quote_mid .video       { max-width: 100%; margin-bottom:30px;}
    .request_quote_mid .video img   { width: 100%;}
    .request_quote_form form input[type="text"], .request_quote_form form input[type="email"]   { height: 40px; line-height: 40px; margin-bottom: 10px;}
    .request_quote_form form input[type="submit"]   { height: 45px; line-height: 45px;}
    .request_quote_mid .video a.videoplaybtn    { width: 80px; height: 80px; background-size: 100% auto; margin-left: -40px; margin-top: -40px;}
    
    .imgwrap img                    { max-width: 100%; height: auto; display: block; margin: 0 auto;}
    .featured_page .feature_section .cont   { padding-right: 0; text-align: center;}
    .featured_page .feature_section.odd .cont   { padding-left: 0;}
    .featured_page .feature_section { padding-top: 35px; padding-left: 5px; padding-right: 5px;}
    .featured_page .feature_section .cont   { padding-top: 0; padding-bottom:10px;}
    .featured_page .feature_section .cont a.learn_more  { margin: 0 auto 25px;}
    .featured_page .feature_section .cont .related_link{ padding-bottom: 20px;}
    .featured_page .feature_section .cont{ padding-right: 10px;}
    .featured_page .feature_section.odd .cont   { padding-left: 5px; padding-right: 5px;}
    .featured_page .feature_section .cont >a { display: inline-block; margin: 0 auto 20px;}
    .featured_page .feature_section .cont p { padding-bottom: 20px;}
    
    .how_it_work .work_section .work_cont ul    { margin: 0 -10px;}
    .how_it_work .work_section .work_cont p     { font-size: 19px; line-height: 22px;}
    .how_it_work .work_section .work_cont       { padding:35px 10px 0;}
    .how_it_work .work_section .work_cont ul    { padding-top: 30px; }
    .how_it_work .work_section                  { padding-bottom:30px;}
    .how_it_work .work_section .work_cont .row > div    { padding-left: 5px; padding-right: 5px;}
    .how_it_work .work_section .work_cont ul li a img   { display: block; max-width: 96%; margin: 0 auto;}
    .how_it_work .work_section .work_cont ul li a   { display: block;}
    .how_it_work .work_section .work_cont ul li:last-child  { padding-bottom: 0;}
    .how_it_work .work_section .page_title h2 strong    { font-size: 35px; padding-right: 8px;}
    
    
    .pricing_page                               { padding-bottom:30px; padding-left: 5px; padding-right: 5px;}    
    .pricing_page .pricing_tab_cont             { padding-top:40px; padding-bottom: 40px;}
    .pricing_page .pricing_tab_cont .premium .heading h2    { font-size: 60px; line-height: 56px;}
    .pricing_page .pricing_tab_cont .heading h2 { font-size: 40px;}
    .pricing_page .faq p                        { font-size: 17px;}

    .pricing_page .faq h6                       { font-size: 17px;}
    .pricing_page span.higher_plan              { font-size: 17px; padding-bottom: 30px; }
    .pricing_page .pricing_tab_cont .starter    { width: 100%; margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .developer  { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .premium    { width: 100%;  margin: 0 0 25px;}
    .pricing_page .pricing_tab_cont .enterprise { width: 100%; }
    .pricing_page .pricing_tab_list             { max-width: 100%;}
    .pricing_page .pricing_tab_list ul li a     { font-size: 13px; height: 45px; line-height: 45px;}
    .featured_page .feature_section .imgwrap a  { display: block;}
    .featured_page .feature_section .imgwrap a span.zoom    { background-size: 55px 55px;}
    
}