/*
 Theme Name:   SF
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Pivot Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     pivot
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

@import url('../pivot/style.css');

/*MENU*/

.overlay-bar .utility-menu span .icon_mail {margin-left:10px;}
.nav-menu #menu-sf-top-menu {float:right;}



/*FOOTER*/

footer.details h5.widgettitle {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

:-ms-input-placeholder { /* IE 10+ */
    color: red;
}

/*CONTACT FORM*/
.contact-table {
    display: table;
    border-collapse: collapse;
}

.contact-table .row {
    display: table-row;
}

.contact-table  .cell, .contact-table  .cell {
    display: table-cell;
    text-align: left;
}


.contact-table .full.row .cell{
    display: table-cell;
    text-align: center;
}

.boxed-layout strong , .custom_single strong {
    color: #656565;
}

form .consultation-form input ,  form .consultation-form textarea{
    background: none;
    border-bottom: 1px solid #777;
    color: #fff;
    width: 100%;
    padding-left: 0;   
}   
form .consultation-form textarea{ 
    height: 56px;
    padding-top: 20px;
}
.consultation-form input[type="submit"]
{
    border: 0;
    color: #fff;
    width: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 51px;
    margin-top: 32px;   
    background: #4259f6;
    border-radius: 5px; 
}
.consultation-form input[type="submit"]:hover
{
    background: #257aff;   
}
.consultation-form
{
    background: #212833;
    padding: 15px;
    width: 100%;
    float: left;
}
.consultation-form h3 , .consultation-form h2
{
    color:#fff; 
    line-height: 1.3;
}
.consultation-form h3 
{
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 12px;
}
.consultation-form h2
{
    padding-bottom: 27px; 
    font-size: 26px;
}
.real-business-left.vc_column_container , .real-business-right.vc_column_container
{
    float: none;
    display: inline-block;
    vertical-align: middle;   
}
.real-business-left h2
{
    font-weight: bold;
    font-size: 32px;
    color: #000;   
}
.real-business-left .wpb_wrapper
{
    max-width: 480px;
}
.work-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern
{
    font-weight: bold;
    color: #096df5 !important;
    border-color: #096df5 !important;
    background-color: transparent !important;
    padding: 14px 35px;
    text-transform: uppercase;
}
.work-button
{
    margin: 0;
}
.leader-section
{
    padding: 0;
}
.leader-section p
{
    font-size: 17px;   
    color: #000;
    padding-left: 95px;
}
.leader-section .real-business-left .wpb_wrapper {
    max-width: 430px;
}
.leader-section .wpb_content_element
{
    margin-bottom: 0;  
}
/*.improving-section
{
    padding: 70px 0;  
}*/
.leader-section.improving-section .real-business-left .wpb_wrapper 
{
    max-width: 470px;

}
.improving-section .wpb_single_image.vc_align_left {
    text-align: right;
}
.main-container section.delivery-section.what-we-do 
{
    margin-bottom: 30px !important; 
}
.clients-section h4
{
    color: #a4a3a4;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 2px solid #616163;
    display: inline;
}
.client-heading .wpb_wrapper
{
    text-align: center; 
    padding-top: 60px;
}
.clients-upper h3{
    margin-top: 33px; 
}
.leader-section .vc_column_container>.vc_column-inner
{
    padding-left: 0px;   
}
.page-id-2027 .main-container section.what-we-do
{
    background: #fff; 
}
.page-id-2011 .top-bar .row.nav-menu
{
    border-bottom: 0;  
}
.page-id-2011 nav.top-bar
{
    border-bottom: 1px solid #777;
}
.consulation-text p
{
    padding-top: 30px; 
}



/*PORTFOLIO*/

.single-portfolio .portfolio-excerpt {display: none;}


/****css-19-aug****/

html, body {
    background: #fff;
} 
.top-bar.nav-sticky .utility-menu {
    display: block;
}
.top-bar.nav-sticky .utility-menu .utility-inner {
    border-bottom: 0;
}
.nav-sticky .utility-inner i.icon.icon_pin {
    display: none;
}
.nav-sticky .utility-inner span.alt-font {
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 999;
    background: #0269f5;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
    padding: 20px 42px;
}
.nav-sticky .utility-inner span.alt-font:hover {
    background: #257aff;
}
.nav-sticky .utility-inner span.alt-font a {
    color: #fff;
}
.top-bar .utility-menu span.alt-font {
    display: none;
}

.top-bar.nav-sticky .utility-menu span.alt-font {
    display: block;
}
.google-maps-widget{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%); 

}
/*.google-maps-widget::before {
    background: rgba(0, 0, 0, 0.7) ;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
*/
.nav-container .contained-wrapper {
    background:  none;
}
.nav-menu .menu li a {
    color: #fff;
    font-size: 12px;
    padding-bottom: 0;
}
.menu li.current-menu-item a ,.top-bar.nav-sticky .menu li.current-menu-item a{
    color: #0269f5;
}

.nav-menu .menu li a:hover {
    color: #0269f5;
}
.top-bar .contained-wrapper {
    border-bottom: 1px solid #777;
    margin-top: 0;
    padding-bottom: 30px;
}
.top-bar .contained-wrapper {
    margin-top: 0;
}
.top-bar .row.nav-menu {
    border-bottom: 1px solid #777;
    padding-bottom: 10px;
    padding-top: 30px;
}

.top-bar.nav-sticky .row.nav-menu {
    padding-bottom: 14px;
}


.top-bar .nav-menu #menu-sf-top-menu {
    float: left;
}
.top-bar .logo.logo-dark.logo-wide {
    bottom: 0;
    margin: 0;
    max-width: 220px;
    width: auto;
}
.top-bar .col-md-2.col-sm-3.columns {
    width: 23%;
}
.top-bar .col-md-10.col-sm-9.columns {
    width: 77%;
}
.menu li {
    float: left;
    margin-right: 38px;
    position: relative;
    padding-bottom: 20px;
}
.menu li ul li {
    padding-bottom: 0px;
}

.top-bar.nav-sticky .menu li a {
    padding-bottom: 0px;
    color:#343845;
}
.top-bar.nav-sticky .menu li a:hover {
    color:#0269f5;
}
.nav-sticky .logo-wide.logo {
    bottom: 0px !important;
}
.nav-sticky img.logo.logo-dark.logo-wide {
    display: none;
}
.nav-sticky.top-bar .logo.logo-light {
    display: inline-block !important;
    width: auto;
    max-width: 220px;
}
.nav-sticky.top-bar .row.nav-menu {
    border-bottom:0;
}
.author .overlay-bar .logo-light , .search .overlay-bar .logo-light , .archive .overlay-bar .logo-light , .category.overlay-bar .logo-light {
    display: none;
}
.author .overlay-bar .logo-dark , .search .overlay-bar .logo-dark , .archive .overlay-bar .logo-dark , .category.overlay-bar .logo-light {
    display: block;
}

.banner-content {
    color: #fff;
    left: 0;
    padding-top: 310px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.banner-content h2 {
    color: #fff;
    font-family: open sans;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 65px;
}
.banner-content p {
    font-size: 16px;
    font-weight: 400;

}
.banner-content p {
    color: #88929b;
    font-size: 16px;
    font-weight: 400;
    padding: 0 90px;
    letter-spacing: 1px;
    color: #d8d6d5;
}
.getintouch {
    background: #0269f5 ;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 13px;
    margin-top: 65px;
    padding: 20px 52px;
}
.getintouch:hover {
    background: #257aff ;
    color: #fff;
}
.banner-row {
    padding-bottom: 0px;
    padding-top: 0;
}
nav.nav-sticky.top-bar {
    background:#fff ;
}

/*****

.menu .subnav {
    padding: 20px 10px;
    width: 265px;
    margin-top: 18px;
}

***/

.subnav{ 
    display: block;
    float: left;
    left: 0;
    opacity: 0;
    width: 265px;
    padding: 20px 10px;
    border-top: 4px solid #257aff;
    position: absolute;
    top:100px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.top-bar .menu li:hover .subnav {
    opacity: 1;
    top:35px;
    visibility: visible;

}

.top-bar .subnav li a {
    margin-bottom: 10px;
}


/*******/


.menu .subnav li a {
    color: #000;
    padding: 3px 0;
}
.clients {
    background: #f8f9f9;
    padding: 10px 0;
}
.clients .clients-2 .col-md-2 {
    display: inline-block;
    float: none;
    padding: 0 20px;
    width: auto;

}
.portfolio .container {
    width: 100%;
}
.banner-row #particles-js {
    background: #102437;
}
.banner-row .container {
    width: 100%;
}
.banner-row canvas {
    /* height: 590px !important;*/
}
.home-canvas {
    margin: 0 !important;
}
.portfolio {
    padding-top: 0;
}
.main-container {
    margin-top: -12px !important;
}
.nav-container .top-bar {
    background:  none ;

}
.utility-menu .btn.btn-primary.login-button.btn-xs {
    background: url(images/ph.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 9;
}

nav.nav-sticky.top-bar .utility-menu .btn.btn-primary.login-button.btn-xs{
    background: url(images/ph-black.png);
    background-repeat: no-repeat;
    background-position: center left;
    border: 0 none;
    color: #343845;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 220px;
    top: 25px;  

}


.top-bar .utility-menu .utility-inner {
    padding: 0 !important;
}
.row.utility-menu {
    position: relative;
}
.our-work .container {
    width: 100%;
}
.our-work {
    padding: 0;
}
.content-work {
    color: #fff;
    margin-top: 245px;
    padding: 25px;
}
.content-work h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 800;
    padding-right: 0;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.ebor-limit-width { 
    max-width: 370px;
    margin: 0 auto;
    text-align: center !important;
}

.content-work p {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}
.background-image-holder.content-work{
    position: relative;  
}

.background-image-holder.content-work::before {
    background: rgba(44, 62, 80, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.work-div.port:hover .background-image-holder.content-work:before{
    display: none;   
}
.hover-effect-div {
    /*background-color: rgba(44, 62, 80, 0.9); */
    background: transparent !important;
    height: 100%;
    opacity: 0;
    padding-right: 15px; 
    position: absolute;
    text-align: center; 
    top: 0;
    transition: all 500ms ease 0s;
    width: 100%;

}
.work-div:hover .hover-effect-div {
    opacity: 1;
    transition: all 500ms ease 0s;
}

.work-div.port:hover h2.text-white,.work-div.port:hover p.text-white{   

    display:none; 
}



.work-div .align-vertical {
    opacity: 0;
    transform: translate3d(0px, 200px, 0px);
    transition: all 500ms ease 0s;
}
.work-div:hover .align-vertical {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: all 500ms ease 0s;
}
.work-div .vc_column-inner {
    padding: 0;
    height:442px;
}
.work-div .align-vertical img {
    display: inline-block;
    padding-top: 130px;
}
.our-work .work-div .vc_column-inner {
    padding: 0;
} 

.our-services {
    text-align: center;
    padding: 70px 0 0px;
}
.our-services h2, .brand_outer h2{
    font-size: 16px;
    font-weight: 600;
    color: #343845;
    border-bottom: 2px solid #343845;
    width: 120px;
    padding-bottom: 20px;
    margin: auto;
    margin-bottom: 60px;
    line-height: 15px;
}
.brand_outer h2 {
    border-bottom: 0;
    position: relative;
    width: auto;
    display: inline-block;
    margin-top: 50px;
}
.brand_outer {
    text-align: center;
}
.brand_outer h2:after {
    content: "";
    height: 2px;
    width: 100%;
    bottom: -2px;
    background: #343845;
    position: absolute;
    left: 0;
}
.our-services p {
    font-size: 16px;
    font-weight: 600;
    color: #343845;
    border-bottom: 2px solid #343845;
    width: 110px;
    padding-bottom: 20px;
    margin: auto;
    margin-bottom: 60px;
    line-height: 15px;
}

.services-area .content-work {
    margin-top: 0;
    text-align: center;
    padding: 10px 0 100px;
    margin-bottom: 0;
}
.services-area .content-work img {
    display: inline-block;
    margin-bottom: 60px;
    margin-top: 70px;
}
.services-area .content-work h2 {
    padding: 0;
    font-weight: 700;
    color: #343845; 
    font-size: 34px;
}
.our-work.services-area {
    background: #fff;
}

.our-work.services-area .hover-effect-div {
    background-color: #fff !important;
    text-align: left;
    border: 0;

}
.our-work.services-area .align-vertical {
    border-top: 10px solid #0269f5;
    padding: 45px 25px !important;
    box-shadow: 0px 0px 8px #e1e1e1;
}
.our-work.services-area .container {
    width: 1200px;
} 
.boxed_container {
    max-width: 890px;
    padding: 0 15px;
    margin: 0 auto;
}
footer .foot2 p.helo {
    margin-bottom: 0;
}
.services-area .align-vertical h1 {
    color: #343845;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    height: 100px;
    margin-bottom: 30px;
}
.services-area .align-vertical p.para {
    font-size: 14px;
    line-height: 24px;
    color: #636466;
    font-weight: 600;
    height: 115px;
}
.services-area .align-vertical li {
    font-weight: 600;
}
.services-area .work-div .vc_column-inner {
    height: 520px;
}

.services-area .work-div .align-vertical .arrowlink img {
    padding-top: 0;
    float: right;
    -webkit-transition:.3s linear ; /* For Safari 3.1 to 6.0 */
    transition:  .3s linear;
}
.services-area .work-div .align-vertical .arrowlink img:hover {
    margin-right: 10px;
    -webkit-transition:.3s linear ; /* For Safari 3.1 to 6.0 */
    transition: .3s linear;
}
.our-services h4 {
    font-size: 24px;
    color: #343845;
    font-weight: 500;
}
.ui-div {
    width: 500px;
    float: right;
    margin: 125px 0 !important;

}
.ui-content h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 50px;
}
.ui-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}
.our-work .row {
    margin: 0;
}

.blogg .container {
    width: 100%;
}
section.blogg {
    background: #fff;
    padding: 0;
}
.blog-left {
    padding-left: 90px;
    padding-top: 35px;
}
.blogg h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    width: 170px;
}
.blogg h2.blog-head {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin-top: 350px;
    line-height: 55px;
    padding-bottom: 50px;
}
.ui-content .getintouch {
    margin-top: 30px;
    padding: 20px 52px;
}
.blog-sec h1 a {
    font-size: 30px;
    font-weight: 700;
    color: #343845;
    line-height: 40px;
    text-transform: capitalize;
}                   
.blog-sec h2.widgettitle {
    display: none;
}
.blog-sec {
    padding-top: 60px;
    padding-left: 90px;
}
.blog-sec ul li a {
    font-size:25px;
    color: #85888f;
    font-weight: 700;
}

.blog-sec ul li a:hover {
    color: #0269f5;

}


.rec-blog {
    width: 80%;
    padding-left: 70px;
}
.rec-blog ul li {
    margin-bottom: 40px;
    position: relative;
    padding-top: 40px;
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}
.clients .clients-2 img {
    opacity: 1;
    /*    max-height: 40px;*/
    max-width: 95%;
}
.clients .clients-2 img{
    max-height: 40px;
}
.clients .clients-2  img:hover {
    transform: scale(1.1)
}
.rec-blog ul li span.post-date {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rec-blog ul li:last-child {
    margin-bottom: 0px;
}
.blog-sec .viewallblog {
    margin-bottom: 0;
    margin-left: 70px;
    text-align: right;
    width: 70%;
}
.viewallblog img.alignnone {
    display: inline;
    margin-top: 0px;
    margin-left: 5px;
    -webkit-transition:.3s linear ; /* For Safari 3.1 to 6.0 */
    transition: .3s linear;
}
.viewallblog img.alignnone:hover {
    margin-left: 10px;
    -webkit-transition:.3s linear ; /* For Safari 3.1 to 6.0 */
    transition: .3s linear;
}
.viewallblog a {
    color: #0269f5;
    text-transform: capitalize;
}

.footer-container footer.details {
    background: #282828;
    padding: 0;
}
.footer-container footer.details h5.widgettitle {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 700;
    border-top: 2px solid #fff;
    padding-top: 24px;
    margin-top: 75px;
}
footer .col-sm-4:nth-child(2)  h5.widgettitle {
    width:180px;
}
footer.details p {
    color: #fff;
    line-height: 25px;
    font-size: 14px;
}
.soc-link {
    margin-top: 40px;
    margin-bottom: 80px;
}
.soc-link img:hover{
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
    -webkit-transition:.8s linear ; /* For Safari 3.1 to 6.0 */
    transition: .8s linear;
}
.soc-link img{
    -webkit-transition:.8s linear ; /* For Safari 3.1 to 6.0 */
    transition: .8s linear;
    margin-right: 10px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.footer-container #email-subscribers-2 h5.widgettitle {
    font-size: 14px;
    font-weight: 100;
    border: 0;
    padding: 0;
    margin-top: 14px;
    font-weight: 400;
}
div.utility-menu {
    margin-top: 0px;
    border: 0;
}
footer .col-sm-4:nth-child(2) {
    padding-left: 90px;
    width: 31%;
}
footer .container {
    width: 100%;
}
footer.details .widget.sidebar-widget {
    margin-bottom: 0px;
}
.foot2 {
    margin-top: 40px;
}
footer .col-sm-4:first-child {
    width: 30%;
    padding: 0;
}
footer .col-sm-4:nth-child(3) {
    width: 35%;
}
div#wpgmza_map {
    height: 550px!important;
}
footer .gm-style {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
footer form .es_lablebox {
    display: none;
}
footer form .es_textbox_class {
    width: 100%;
    background: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    margin-top: 12px;
}
footer .es_textbox_button {
    width: auto;
    float: right;
    background: none;
    border: 2px solid #fff;
    border-radius: 34px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 35px;
    margin-top: 20px;
    -webkit-transition:.4s linear ; /* For Safari 3.1 to 6.0 */
    transition: .4s linear;
}
footer .es_textbox_button:hover {
    background: #fff;
    color: #000;
    -webkit-transition:.4s linear ; /* For Safari 3.1 to 6.0 */
    transition: .4s linear;
}
footer.details .col-sm-12 .sub {
    font-size: 12px;
    display: inline-block;
    margin-top: 0px;
}
footer .row:nth-child(2) {
    display: none;
}
section.vc_row.wpb_row.vc_row-fluid.our-work {
    background: #fff;
}
.foot2 p a {
    color: #fff;
}
.foot2 p a:hover {
    color: #0269f5;
}
p.copyright {
    font-weight: 100;
}




.menu li:nth-child(2) a {
    cursor: default;
}
.menu li:nth-child(2) ul li a ,.menu li ul li:nth-child(2)  a{
    cursor: pointer;
}

.innup span.headingg {
    color: #343845;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    height: 100px;
    margin-bottom: 30px;
    display: block;
}
.innup span.para {
    font-size: 14px;
    line-height: 24px;
    color: #636466;
    font-weight: 600;
    height: 115px;
    display: block;
}
.innup span.lii {
    font-weight: 600;
    color: #636466;
}
.work-div .align-vertical.innup img {
    display: inline-block;
    padding-top: 0;
    float: right;
}
.innup a:hover{
    color:#636466;  
}


footer.details #mc4wp_form_widget-2 h5.widgettitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    margin-top: 0;
    border: 0;
}
footer form#mc4wp-form-1 input {
    background:  none;
    border-bottom: 1px solid #777;
    color: #fff;
    width: 100%;
    padding-left: 0;
}

footer form#mc4wp-form-1 input[type="submit"] {
    border: 2px solid #fff;
    color: #fff;
    width: auto;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 55px;
    margin-top:32px;
    border-radius: 50px;
}
/*footer form#mc4wp-form-1 input[type="submit"]:hover {
    border: 2px solid #fff;
    color: #000;
    width: 160px;
    float: right;
    background: #fff;
    padding: 18px 55px;
    width:auto;
    border-radius: 50px;
}*/
.port .content-work {
    color: #fff;
    margin-top: 0;
    padding: 25px;
    padding-top: 95px;
    text-align: left;
}
.port .content-work p {
    text-align: left;
}
.work-div.port .align-vertical img {
    display: inline-block;
    padding-top: 100px;
    width: auto;
    max-width: 210px; 
}
.portnew .vc_column-inner {
    padding: 0;
}
.port .project { 
    width: 50%!important;
    height: 310px;
}
.portnew.our-work .vc_column-inner {
    padding: 0;
}
.work-div.port .align-vertical.text-center {
    padding-top: 0px!important;
}
.port .content-work h2 strong {
    font-weight: 800;
}
footer form .mc4wp-response p {
    color: #0269f5;
    font-weight: bold;
}
footer form  .mc4wp-response {
    position: absolute;
    color: red;
    /*    bottom: -72px;*/
    top: 105%;

    /* text-align: center; */
}

/*****our work***/
.our-work-banner {
    padding-bottom: 190px;
}
.our-work-banner .banner-content {
    padding-top: 260px;
    position: relative;

}
.our-work-banner .banner-content p {
    text-transform: uppercase;
}

.brand-head p {
    color: #414042;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 2px solid #424143;
    width: 280px;
    margin: 0 auto !important;
    padding-bottom: 20px;
}
.industries-sec .brand-head p {
    width: 100px;
    padding-bottom: 18px;
}
.industries-sec .brand-head h4 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-top: 75px;
}
.industries-sec {
    padding-bottom: 70px;
}



.brand-head {
    padding:75px 0 50px 0;
    margin-bottom: 0;
}
.our-work .clients-2 .col-sm-4 {
    display: inline-block;
    min-height: 80px;
    line-height: 80px;
    padding-top: 16px;
    padding-bottom: 20px;
    border: 0;
    width: 25%;
}
.clients.our-work {
    padding-bottom: 70px;
}
.form-heading {
    text-align: center;
    color: #fff;
}
.form-heading {
    text-align: center;
    color: #fff;
}
.form-heading h1 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid #fff;
    width: 115px;
    margin: 0 auto;
    line-height: 20px;
    padding-bottom: 20px;
    margin-bottom: 80px;
}
.form-heading p {
    font-size: 24px;
    font-weight: 400;
}
.get-intouch-form {
    padding-top: 80px;
    padding-bottom:80px;
}

.get-intouch-form form input {
    background: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0px;
    width:100%;
}

form p.half span {
    width: 45%;
    display: inline-block;
    margin-left: 5%;
}
form p.half span {
    width: 45%;
    display: inline-block;
    margin-left: 5%;
    margin-bottom: 35px;
}
.get-intouch-form form p span {
    margin-left: 4%;
}
.get-intouch-form form textarea {
    background: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 45px;
    padding-left: 10px;
    border-radius: 0px;
    color:#fff;
}
.get-intouch-form form p span.textarea-595 {
    display: block;
    width: 95%;
}




.get-intouch-form form .getintouch{
    background: #0269f5;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 13px;
    margin-top: 65px;
    padding: 20px 52px;  

}
.get-intouch-form form .getintouch {
    background: #0269f5;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
    padding: 20px 52px;
    margin: 50px auto 0 auto;
    width: 180px;
    float: none;
    border: 0;
}
.get-intouch-form form .getintouch:hover {
    background:#257aff;
}

.get-intouch-form form div.wpcf7-validation-errors {
    background-color: #000;
    color: red;
    border: 1px solid #333;
}


.get-intouch-form.inner-port {
    padding: 0;
    width: 850px;
    margin: 0 auto;
}
.single-portfolio section.aq-block.image-divider.overlay {
    padding: 80px 0;
}
.inner-port input {
    border-bottom: 1px solid #fff;
    padding-left: 0;
    color: #fff;
}
form .inner-port textarea {
    border-bottom: 1px solid #fff;
    height: 60px;
    margin-left: 5%;
    width: 95%;
}

.inner-port input.wpcf7-form-control.wpcf7-submit.getintouch {
    background: #0269f5;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 800;
    line-height: 13px;
    padding: 20px 52px;
    margin: 50px auto 0 auto;
    width: 180px;
    float: none;
    border: 0; 

}

.our-approach-section h3 {
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 105px;
    padding-bottom: 20px;
    padding-top: 80px;
    width: auto;
    display: inline-block;
}

.challenge-left h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 800;
    line-height: 55px;
}
.our-app .approch-inn {
    float: left;
    margin-right: 10%;
    width: 40%;
}
.approch-inn h4 {
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.our-approach-section .approch-inn  p {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    line-height: 24px;
}

.our-app .approch-inn {
    float: left;
    margin-bottom: 110px;
    margin-right: 7%;
    width: 43%;
}
.our-approach-section {
    padding: 0;
}
.our-approach-section .app-cont {
    width: 55%;
}
.our-approach-section .app-imh {
    width: 45%; 
}
.app-imh .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}
.the-chalange .container {
    width: 100%;
}
.the-chalnge-left .vc_column-inner {
    float: right;
    max-width: 595px;
}
.the-chalnge-left h5 {
    font-size: 16px;
    font-weight: normal;
    color: #414042;
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 16px;
}
.the-chalnge-left h2 {
    font-size: 50px;
    color: #0a253e;
    font-weight: bold;
    margin-top: 90px;
    line-height: 1.1;
    margin-bottom: 30px;

}
.count ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 50px;
    color: #0269f5;
    font-weight: bold;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #e1e1e3;
}
.smallcounttext {
    font-size: 12px;
    color: #4d4d4f;
    font-weight: normal;
    margin-top: 20px;
    text-align: center;
}
.count ul li:last-child {
    border-right: 0;
}
div#custome-colum-section .wpb_column.vc_column_container.vc_col-sm-2 {
    width: 150px;
    text-align: center;
    float: none;
    display: inline-block;
}
div#custome-colum-section .wpb_text_column a {
    color: #383f4c;
    font-size: 14px;
    margin-top: 25px;
    display: block;
    font-weight: 600;
    cursor: pointer;
}
div#custome-colum-section .wpb_text_column a:hover {
    color: #0269f5;
}
div#custome-colum-section .wpb_single_image {
    height: 75px;
}
div#custome-colum-section {
    text-align: center;
}

section.get-intouch-form {
    background: #383d42;
}

.industries-sec .wpb_single_image img {
    -webkit-transition:.3s linear ; /* For Safari 3.1 to 6.0 */
    transition: .3s linear;
}

.industries-sec .wpb_single_image img:hover {
    -webkit-transition:.5s linear ; /* For Safari 3.1 to 6.0 */
    transition: .5s linear;
    transform: scale(1.1);
}

.main-container section.what-we-do {
    background: #f2f2f3;
    padding-top: 60px;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    padding-left: 60px;
    padding-right: 60px;
}
.what-we-do .container {
    width: 100%;

}
.work-right {
    padding-left: 0px;
    /* padding-right: 20%; */
    padding-top: 0px;
}

.work-right h1 {
    font-size: 25px;
    color: #0a253e;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 25px;
}
.work-right p {
    font-weight: 400;
    color: #383f4c;

}
.main-container {
    background: #fff;
}

.approch-inn .alignnone {
    transition: 0.4s ease ;
}
.approch-inn .alignnone:hover {
    transition: 0.4s ease ;
    margin-left:10px;
}

.top-bar .logo {
    max-width: 220px;
    bottom: 0px;
}
.banner
{
    /*background: url('images/pedder-banner.jpg');*/
    padding: 10% 0 4%;
    margin-bottom: 30px;  
    background-size: cover !important;
}
.banner header.title h1
{
    padding-top: 0px;
    text-align: center;
    color: #fff; 
    padding-bottom: 20px;
    font-weight: bold;
}
.banner .boxed_container header.title h1{
    text-transform: capitalize;
}
h3.quotes {
    font-weight: bold;
    color: #777;
    position: relative;
    display: inline-block;
    padding: 0 0 0 60px;
    margin-bottom: 20px;
}
h3.quotes:before{
    content: open-quote;
    font-weight: bold;
    font-size: 120px;
    color: #0467f3;
    left: 4px;
    position: absolute;
    top: -11px;
    margin: 0 10px 10px 0;
    font-style: italic;
    -transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.banner header.title .sub
{
    text-transform: capitalize;  
}
.banner .article-body header.title
{
    text-align: center;
    color: #fff; 
    margin-bottom:0;
}
.banner .article-body
{
    padding-bottom: 0;   
}
.article-body
{
    border-bottom: none;  
}
.single-post-data .article-body
{
    padding-bottom: 20px;
}
/** blog single****/

@media (min-width:992px){
    .page-id-107 nav.top-bar ,.page-id-2011 nav.top-bar{
        background: #fff;
    }

    .page-id-107 .top-bar .logo-light,.page-id-2011 .top-bar .logo-light{
        display: block;
    }
    .page-id-107  .top-bar .logo.logo-dark.logo-wide,.page-id-2011 .top-bar .logo.logo-dark.logo-wide{
        display: none;
    }

    .page-id-107 .nav-menu .menu li a, .page-id-2011 .nav-menu .menu li a{
        color: #343845;
    }
    .page-id-107  .menu li,.page-id-2011 .menu li {
        margin-right: 28px;
    }
    .page-id-107 .utility-menu .btn.btn-primary.login-button.btn-xs ,.page-id-2011 .utility-menu .btn.btn-primary.login-button.btn-xs{
        background: url(images/ph-black.png);
        background-repeat: no-repeat;
        background-position: center left;
        color: #343845;
        right: 220px;
        top: 25px;
    }
    .page-id-2011 .utility-menu .btn.btn-primary.login-button.btn-xs
    {
        right: 20px;   
    }
    .page-id-2011 .top-bar .utility-menu span.alt-font
    {
        display:none;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font {
        display: block;
        position: absolute;
        right: 0;
        top: 12px;
        z-index: 999;
        background: #0269f5;
        border-radius: 4px;
        color: #fff;

        font-size: 14px;
        font-weight: 600;
        line-height: 13px;
        padding: 20px 42px;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font:hover ,.page-id-2011 .top-bar .utility-menu span.alt-font:hover{
        background: #257aff;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font a ,.page-id-2011 .top-bar .utility-menu span.alt-font a{
        color: #fff;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font a:hover ,.page-id-2011 .top-bar .utility-menu span.alt-font a:hover{
        color: #fff;
    }
    .page-id-107 .top-bar .utility-menu .utility-inner ,.page-id-2011 .top-bar .utility-menu .utility-inner
    {
        border-bottom: 0;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font i ,.page-id-2011 .top-bar .utility-menu span.alt-font i
    {
        display: none; 

    }
    .page-id-107  nav.top-bar ul li:last-child ,.page-id-2011 nav.top-bar ul li:last-child{
        display: none;
    }
    .page-id-107 nav.top-bar ul li ul li:last-child ,.page-id-2011 nav.top-bar ul li ul li:last-child {
        display: block;
    }


    .page-id-107 nav.top-bar.nav-sticky ,.page-id-2011 nav.top-bar.nav-sticky {
        background: #fff;
    }

}

.page-id-107 .main-container  {
    margin-top: 80px !important;
}
.page-id-2011 .main-container
{
    margin-top: 70px !important;   
}
/*.single-post .comment-form input[type="text"],.single-post .comment-form textarea {
  width: 100%;
  padding: 16px;
  border: none;
  box-shadow: none;
  border: 1px solid #ccc;
}*/

/*.single-post div#recent-comments-2 , .single-post div#meta-2{
  display: none;
}*/
.blog-sec .rec-blog ul li:first-child {
    display: none;
}

/********sing-blog-home******/
.sing-blog-home .vc_column-inner {
    padding: 0 !important;
}
.fet-blog-post {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 90px;
    top: 70px;
    color: #fff;
}
.blogg .fet-blog-post h4 {
    color: #fff;
}
.sing-blog-home .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt ,.sing-blog-home .vc_btn3-container.vc_btn3-left {
    display: none;
}
.sing-blog-home .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 {
    position: absolute;
    bottom: 60px;
    background: none !important;
    padding-left: 80px;
}
.sing-blog-home .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 h4 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    line-height: 55px;
    border-bottom: 0;
    width: 96%;
    text-transform: capitalize;
}
.sing-blog-home .vc_grid-container.vc_clearfix.wpb_content_element.vc_basic_grid {
    margin-bottom: 0;
}






/*******/

.work-right h5 {
    line-height: 25px;
}
.work-right li {
    background: url(images/arow.png);
    background-repeat: no-repeat;
    color: #383f4c;
    background-size: 25px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 35px;
    background-position: 0 9px;
    margin-top: 5px;
}  
.image-left .col-left {
    float: right;

}
.image-left .col-right {
    float: left;
    background: #fff;

}

nav.top-bar.nav-sticky ul li:last-child {
    display: none;
}
nav.top-bar.nav-sticky ul li ul li:last-child {
    display: block;
} 
.top-bar.nav-sticky .subnav {
    background: #0269f5;
}
.top-bar.nav-sticky .subnav li a,.top-bar.nav-sticky .menu li.current-menu-item ul li  a {
    color:#fff;
}
.top-bar.nav-sticky ul li .subnav li a:hover {
    color:#000;
}
.top-bar.nav-sticky .subnav li a:hover {
    color:#f6f6f6;
}
.top-bar.nav-sticky .menu li ul li.current-menu-item a {
    color: #f6f6f6;
}
.banner-content h5 {
    color: #fff;
    line-height: 28px;
}
.get-intouch-form.contact-uss-banner {
    padding-top: 180px;
}

.main-container .what-we-do.image-left {
    background: #fff;
    padding-bottom: 35px;
}

.our-approach-section .app-och p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    max-width: 450px;
}

p.checkk {
    padding-left: 4%;
    color: #fff;
    text-align: left;
    font-weight: 600;
}
p.checkk label{
    color: #fff;
    font-weight: 600;
}
.get-intouch-form form p.checkk span {
    margin-left: 0;
}
.get-intouch-form form input[type="checkbox"] {
    width: auto;
    float: left;

    margin-top: 6px;
}

p.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 {
    width: 100%;
    padding-left: 4%;
}

p.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 input {
    margin-right: 0;
}
p.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label {
    width: 100%;
}
p.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label span {
    padding-left: 10px;
    margin-left: 0;
}
.single-post .article-body li , .article-single.boxed-layout li , .custom_single li {
    margin-bottom: 20px;
    list-style: inherit;
    font-size: 16px;
    line-height: 32px;
}
/*.single-post code {
  color: #333;
  background: #f1f1f1;
  padding: 5px;
}*/
.single-post .article-body ol , .article-single.boxed-layout ol , .custom_single ol
{
    padding-left: 14px;
    list-style-position: outside;
}
.single-post nav.navigation.post-navigation , nav.navigation.post-navigation {
    display: inline-block;
    width: 100%;
    position: relative;
    max-height: none;
}
.single-post nav.navigation.post-navigation:before , nav.navigation.post-navigation:before {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    content: "";
    background: #ccc;
}
nav.navigation.post-navigation {
    display: inline-block;
    width: 100%;
    position: relative;
}
.single-post-data .nav-previous,.single-post-data .nav-next
{
    width: 50%;
    float: left;   
}
.single-post-data .nav-next
{
    text-align:right;
    float: right;
}
.single-post-data .nav-previous
{
    border-right: 0px solid #ccc;
}
.single-post-data span.meta-nav {
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
}
.single-post .author-details
{
    border:none;   
    display: none;
}
.post_footer {
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: table;
    width: 100%;
    margin: 35px 0;
    padding: 30px;
    text-align: right;
}

.post_footer img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.post_footer h3, .post_footer .btn_wrap {
    display: table-cell;
    float: none;
    color: #fff;
    vertical-align: middle;
}

.post_footer a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
    padding: 15px 30px;
    background: #0269f5;
    border-radius: 4px;
    white-space: nowrap;
    width: auto;
}
.post_footer a:hover{
    background: #257aff;
}
.post_footer h3 {
    text-align: left;
    font-weight: bold;
}
.single-tags
{
    font-size: 16px;
    font-weight: bold;
    color: #ccc;    
}
.ssba {
    margin-top: 10px;
}
.single-tags a{
    color: #777;
    text-transform: capitalize;
}

.single-post-data span.post-title {
    color: #777;
    font-size: 16px;
}
.single-post-data .screen-reader-text
{
    display:none;
}
.home-page .banner-content {
    padding-top: 0;
    top: auto;
    width: 100%;
    bottom: 25%;
    margin-bottom: 0;
}

.send-cv {
    padding: 35px 0 0px;
}
.send-cv a {
    font-size: 16px;
    color: #0269f5;
    font-weight: 400;
}
.send-cv a:hover {
    color: #000;
}
.send-cv h2 {
    color: #0a253e;
    font-size: 20px;
    font-weight: 600;
}

.seo .col-right img {
    margin-top: 80px;
    max-width: 500px;
}

.main-container section.what-we-do.seo {
    padding-bottom: 50px;
    height: 560px;
}
.main-container .what-we-do.image-left.ppc {
    padding-bottom: 0;
    height: 560px;
}
.main-container section.what-we-do.email-markt {
    padding-bottom: 50px;
    height: 560px;
}
.main-container section.what-we-do.soc-media {
    height: 510px;
}
.main-container section.what-we-do.email-markt img {
    max-width: 350px;
}
.main-container .what-we-do.image-left.soc-media img {
    max-width: 350px;
}

/***web design and dev*****/
.main-container section.what-we-do.web-des {
    padding-bottom: 0;
    height: 550px;
}
.first .col-left {
    padding-right: 30px;
    padding-top: 0px;
}

.main-container section.what-we-do.web-des.first {
    padding-top: 100px;
}
.main-container section.what-we-do.web-des.sec {
    padding-top: 102px;
}
.main-container section.what-we-do.web-des.sec .col-left {
    padding-left: 110px;
    padding-top: 60px;
} 
.main-container section.what-we-do.web-des.third {
    padding-top: 88px;
}

.main-container section.what-we-do.web-des.third .col-left {
    padding-right: 80px;
    padding-top: 80px;
}
.main-container section.what-we-do.web-des.fourth {
    padding-top: 100px;
}
.main-container section.what-we-do.web-des.fourth .col-left {
    padding-left: 100px;
    padding-top: 30px;
}
.main-container section.what-we-do.web-des.fifth {
    padding-top: 82px;
}

/*****insight *********/
.main-container section.what-we-do.ing {
    height: 560px;
}
.main-container section.what-we-do.ing-1 {
    height: 560px;
}
.main-container section.what-we-do.ing-1 .col-left {
    padding-right: 100px;
    padding-top: 90px;
}
.main-container section.what-we-do.ing-1 .col-right {
    padding-top: 80px;
}
.main-container section.what-we-do.ing.ing-2 {
    padding-top: 0px;
}
.main-container section.what-we-do.ing.ing-2 .col-left {
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 10%;
}
.main-container section.what-we-do.ing.ing-3 {
    padding-top: 0px;
    height: 523px;
}
.main-container section.what-we-do.ing.ing-3 .col-left {
    padding-right: 80px;
    padding-top: 10%;
}
.main-container section.what-we-do.ing.ing-4 {
    padding-top: 0;
    padding-bottom: 0;
    height: 490px;
}
.main-container section.what-we-do.ing.ing-4 .col-left {
    padding-top: 6%;
}
#button img {
    width: 50px;
    height: auto;
    float: none;
    display: inline;
    cursor: pointer;
}
div#button {
    text-align: center;
    padding-top: 80px;
    position: absolute;
    width: 100%;
}
.webb div#button {
    padding-top: 60px;
}
.page-id-107 .main-container .container .vc_column-inner .row {
    margin-bottom: 50px;
}

a.img-post {
    display: table;
    min-height: 280px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
a.img-post img {
    max-height: 250px;
    width: auto;
}


/*****140ct***/

.case-studyy p ,.case-studdy.our-approach-section p{
    color: #0a253e;
    font-size: 19px;
    line-height: 1.8;
    max-width: 100%;
    padding-top: 10%;
    width: auto;
}

.case-studyy .the-chalnge-left .vc_column-inner {
    max-width: 100%;
}

.case-studyy .the-chalnge-left {
    padding:7.5% 6% 2% 7.5%;
}

.case-studyy .the-chlnge-rgt .wpb_single_image.wpb_content_element.vc_align_right {
    margin-bottom: 0;
}
.case-studdy .container {
    width: 100%;
}
.our-approach-section.case-studdy .app-imh {
    float: left;
    width: 50%;
}
.case-studdy.our-approach-section .app-cont {
    float: right;
    padding: 60px 163px 10px 70px;
    width: 50%;
}
.case-studdy.our-approach-section h3 {
    border-bottom: 2px solid;
    color: #414042;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.case-studdy.our-approach-section {
    padding: 90px 0; 
}

.brand-head-underline h1, .boxed_container .container h1 {
    color: #414042;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 600;
    letter-spacing: 2px;
    display: table;
    margin: 0 auto;
}
.boxed_container .container h1 {
    margin: 0 0 30px 0;

}
.flex_figure figure .vc_single_image-wrapper {
    max-height: 300px;
    overflow: hidden;
}
.brand-head-underline h1:after , .boxed_container  h1:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: #414042;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fz-24, .fz-24 p{
    font-size: 24px;
    color: #414042;
    line-height: 1.5;
}
.boxes-styles h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #414042;
}
.boxes-styles p {
    color: #414042;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.boxes-styles .wpb_single_image {
    margin-bottom: 20px;
}
.industries-sec-text h4{
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-top: 75px;
}
.industries-sec-img {
    text-align: center;
}
.industries-sec-img a{
    color: #383f4c;
    font-size: 14px;
    margin-top: 25px;
    display: block;
    font-weight: 600;
    cursor: pointer;
}
.custome-colum-section {
    text-align: center;
}
.custome-colum-section .vc_col-sm-2 {
    width: 150px;
    text-align: center;
    float: none;
    display: inline-block;
}
.single-portfolio section.no-pad-bottom.projects-gallery.test {
    display: none;
}
.web-devlop-boxes h2 {
    font-weight: 500;
    color: #313236;
    font-size: 22px;
}
.ssba a:hover {
    opacity: 0.7;
}


.new-form h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}
.new-form .form-heading {
    margin-bottom: 0;
}
.get-intouch-form.new-form form p span {
    margin-left: 0;
} 

.get-intouch-form.new-form form input {
    width: auto;
    margin: 0 20px;
    font-size: 20px;
} 
.new-form p {
    color: #777;
    text-align: center;
    font-size: 15px; 
}
.get-intouch-form.new-form form .upp-field input {
    width: 213px;
}
.get-intouch-form.new-form form .low-field input {
    width: 235px;
}
.get-intouch-form.new-form form .low-field .telll input {
    width: 308px;
}
.get-intouch-form.new-form form input.get-touch {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #0269f5;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
    padding: 20px 52px;
    float: none;
    border: 0;
}

.get-intouch-form.new-form form input.get-touch:hover {
    background: #257aff;
}
.brand-head-underline.white h1 {
    color: #fff;
    font-family: open sans;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 35px;
    text-transform: capitalize;

}
.brand-head-underline.white h1:after {
    display: none;
}
.new-form p.upp-field, .new-form p.low-field {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.5;
}

.main-container section.what-we-do.ing-1 .col-right .wpb_single_image {
    position: static;
    height: auto;
}
.what-we-do.ing-2 .wpb_single_image {
    padding-top: 55px;
}
.what-we-do.ing-3 .wpb_single_image {
    padding-top: 55px;
}
.main-container section.what-we-do.ing-1 .col-right .wpb_single_image img {
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    min-width: 0;
    max-width: 670px;
}
.main-container section.what-we-do.ing.ing-4 .col-right {
    display: table;
    height: 490px;
}
.main-container section.what-we-do.ing.ing-4 .col-right .vc_column-inner {
    display: table-cell;
    vertical-align: bottom;
}

.footermap button.btn.btn-primary.btn-lg {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.footermap img {
    width: 100%;
}
.home .modal-dialog {
    margin-top: 15%;
}
/*.single-post .dark-wrapper {
  background: #fff !important;
}
.single-post .top-bar .row.nav-menu {
  border-bottom: 0;  
}  */
.menu li.only_mobile {
    display: none;
}



.project .hover-state{
    opacity: 1;
}
.projects-gallery .work-div .align-vertical {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
}
.projects-gallery .work-div:hover .align-vertical {
    opacity: 0;
    transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -moz-transform: translate3d(0px, 200px, 0px);
    -ms-transform: translate3d(0px, 200px, 0px);
}
.projects-gallery .work-div.port h2.text-white, .projects-gallery .work-div.port p.text-white{
    display: none;
}
.background-image-holder.content-work::before {
    background: rgba(44, 62, 80, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.work-div.port:hover .background-image-holder.content-work:before{
    /* display: block;  */ 
}
.work-div.port .background-image-holder.content-work:before{
    /* display: none;  */ 
}
.projects-gallery .work-div.port:hover h2.text-white, .projects-gallery .work-div.port:hover p.text-white {
    display: block;
}
.single-post section, .boxed-layout , .custom_single
{
    padding-top: 0; 
    padding-bottom: 0;
    background: #fff !important;
}
.sf_comments {
    background: #f9f9f9;
    padding: 40px 0 40px 0;
    margin-top: 30px;
}
.sorting {
    margin-left: 0;
}
section.vc_row {
    //  padding-top: 0;
}
.Partners_container {
    margin: 0;
    text-align: center;
}
.full_container .container {
    width: 100%;
}
.Partners_container .wpb_single_image .vc_single_image-wrapper img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    max-width: 70%;
}
.Partners_container .wpb_single_image figure {
    height: 0;
    padding-bottom: 60%;
    width: 60%;
    position: relative;
}
.Partners_container .wpb_single_image .vc_single_image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
}
.Partners_container .partner_coowhi .wpb_single_image .vc_single_image-wrapper {

}
.Partners_container .partner_prezilab .wpb_single_image .vc_single_image-wrapper {

}
.Partners_container .vc_column-inner {
    padding: 25% 0 !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.Partners_container .vc_column-inner:hover {
    padding: 0% 0 !important;
}
.Partners_container .vc_column-inner > .wpb_wrapper {
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
}
.hidden_text_widget {
    height: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;
    min-height: 0;
    padding: 0 10%;
}
.Partners_container .vc_column-inner:hover .hidden_text_widget {
    height: 150px;
    opacity: 1;
    min-height: 100px;
    margin-top: 20px; 
}
.Partners_container .vc_column-inner > .wpb_wrapper h3 {
    font-weight: bold;
}

/*=================================*/

footer form#mc4wp-form-1 input {
  background: #1d2029;
  border-bottom: 0px solid #777;
  padding-left: 10px;
}
footer form#mc4wp-form-1 input[type="submit"] {
  border: 0px solid #fff;
  border-radius: 8px;
  color: #fff;
  float: right;
  font-size: 16px;
  font-weight: 700;
  margin-top: 32px;
  padding: 10px 42px;
  width: auto;
  background-color: #585e74;
}
/******************************responsive***********************************************/



@media (min-width:1200px){
    .rec-blog ul li {
        margin-bottom: 35px;
        padding-top: 35px;
        height: 128px;
    }   


}

@media (min-width:1350px){
    .rec-blog ul li {
        margin-bottom: 45px;
        padding-top: 55px;
        height: auto;
    }
    .footermap img {
        width: 100%;
        height: 520px;
    }
}



@media (min-width:1000px){
    /*   .port.single-portfolio1 .project {
       width: 33.3%!important;
       height: 480px;
   }*/
    .page-id-2011 .vc_column_container>.vc_column-inner
    {
        padding-left: 0;   
    }


    .port.single-portfolio1 .content-work h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 800;
        padding-right: 60px;
        margin-bottom: 20px;
        line-height: 32px;
    }

    .top-bar .row.nav-menu {
        padding-bottom: 0px;
    }
    .menu li {
        padding-bottom: 22px;
    }
    .top-bar .menu li:hover .subnav {
        top: 39px;
    }
    .top-bar.nav-sticky .row.nav-menu {
        padding-bottom: 0px;
    }
    .nav-sticky .menu li {
        padding-bottom: 28px;
    }
    .top-bar.nav-sticky .menu li:hover .subnav {
        top: 45px;
    }
    .nav-sticky .menu li ul li {
        padding-bottom: 0px;
    }


}


@media (min-width:1000px) and (max-width:1200px){
    .port.single-portfolio1 .content-work h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        height: 75px;
        line-height: 32px;
        margin-bottom: 20px;
        padding-right: 30px;
    }  
}



@media (min-width:768px) and (max-width:999px){
    .port.single-portfolio1 .content-work h2 {
        font-size: 20px;
        font-weight: 600;
        height: 45px;
        padding-right: 5px;
        line-height: 20px;
    }  
    .port.single-portfolio1 .project {
        width: 33.3%!important;
        height:300px;
    }
    .port.single-portfolio1 .content-work {
        padding: 165px 25px 25px;
    }
    .port.single-portfolio1 .content-work h2 strong {
        font-size: 18px;
        font-weight: 400;
    }
    .work-div.port.single-portfolio1 .align-vertical img {
        display: inline-block;
        padding-top: 90px;
        width: auto;
    }

    .footermap img {
        height: 550px;
    }

}




/*****above single-post*********/
@media (min-width: 768px)and (max-width:1024px){
    .leader-section p
    {
        padding-left: 25px; 
        padding-right: 25px;
    }
    .custome-colum-section .vc_col-sm-2
    {
        width: 130px;    
    }
}

@media (min-width: 768px){
    .nav-menu .col-sm-3.col-md-2.columns {
        padding-left: 0;
    }
    a.btn.btn-primary.login-button.btn-xs {
        padding-right: 0;
    }
    .main-container section.leader-section .what-we-do.web-des .vc_col-sm-6, .main-container section.what-we-do .vc_col-sm-6
    {
        width: 50% !important;    
        padding: 0 10px;

    }


}

@media (max-width:1599px){
    .main-container section.what-we-do.ing-1 .col-right .wpb_single_image {
        padding-top: 0px;
        height: auto;
        position: static;
    }
    .main-container section.what-we-do.ing-1 .col-right .wpb_single_image img{
        max-width: 100%;
    }
}
@media (max-width:1300px){
    .what-we-do .getintouch {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .case-studyy p, .case-studdy.our-approach-section p {
        padding-top: 30px;
        font-size: 18px;
    }
    .case-studyy .the-chalnge-left {
        padding: 5.5% 6% 2% 7.5%;
    }
    .main-container section.what-we-do.ing.ing-3 {
        padding-top: 0px;
        height: auto;
        padding-bottom: 20px;
    }

}



@media (max-width:1200px){
    .main-container section.delivery-section.what-we-do {
        margin-bottom: 50px !important;
    }
    .case-studyy p, .case-studdy.our-approach-section p {
        font-size: 16px;
        padding-top: 20px;
    }
    .our-work .clients-2 .col-sm-4 {
        width: 25%;
    }
    .main-container section.what-we-do.ing-1 .col-right .wpb_single_image {
        /*  padding-top: 15%;
        */
    }
    .banner-content h2 {
        font-size: 40px;
    }

    .content-work h2 {
        font-size: 25px;
        padding-right: 40px;
    }

    .our-work.services-area .align-vertical {
        padding: 45px 20px !important;
    }
    .rec-blog {
        padding-left: 30px;
        width: 90%;
    }
    .blog-left {
        padding-left: 50px;
        padding-top: 35px;
    }
    footer .col-sm-4:nth-child(2) {
        padding-left: 30px;

    }

    footer .col-sm-4:nth-child(3) {
        width: 38%;
    }
    .ui-div {
        margin: 25px 0 !important;
    } 
    .footer-container footer.details h5.widgettitle {
        font-size: 18px;
    }
    .blogg h2.blog-head {
        font-size: 40px;
        line-height: 45px;
    }
    .nav-sticky.top-bar .logo.logo-light {
        max-width: 210px;
    }
    .nav-sticky .menu li {
        margin-right: 10px;
    }
    nav.nav-sticky.top-bar .utility-menu .btn.btn-primary.login-button.btn-xs {
        right: 170px;
    }
    .nav-sticky .utility-inner span.alt-font {
        padding: 20px 22px;
    }
    .gmw-thumbnail-map img {
        height: 530px !important;
    }
    .rec-blog ul li {
        padding-top: 35px;
        padding-bottom: 25px;
        margin-bottom: 20px;
    }
    .sing-blog-home .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 h4 {
        font-size: 30px;
        line-height: 35px;
    }
    .blog-sec {
        padding-top: 20px;
    }

    .our-work-banner .banner-content {
        padding-top: 250px;
        position: relative;
    }
    .our-work-banner {
        padding-bottom: 130px;
    }

    div#custome-colum-section .wpb_column.vc_column_container.vc_col-sm-2 {
        margin-bottom: 18px;
        width: 240px;
    }

    .work-right {
        padding-left: 30px;
        padding-right: 10%;
        padding-top: 0px;
    }
    .work-right h1 {
        margin-bottom: 20px;
    }
    .what-we-do .vc_column-inner {
        padding: 0 !important;
    }

    .the-chalnge-left .vc_column-inner {
        max-width: 490px;
    }
    .the-chalnge-left h2 {
        font-size: 40px;
    }
    .count ul li {
        margin-right: 10px;
        padding-right: 10px;
    }
    .challenge-left h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .approch-inn h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .our-approach-section h3 {
        margin-bottom: 45px;
        padding-bottom: 20px;
        padding-top: 40px;
    }
    .our-app .approch-inn {
        margin-bottom: 80px;
    }

    .menu li {
        margin-right: 20px;
    }
    .page-id-107 .menu li {
        margin-right: 5px;
    }
    .page-id-107 .top-bar .utility-menu span.alt-font {
        padding: 20px 22px;
    }
    .page-id-107 .utility-menu .btn.btn-primary.login-button.btn-xs {
        right: 174px;
    }
    .main-container section.what-we-do.web-des {
        padding-bottom: 0;
        height: auto;
    }

    .main-container section.what-we-do.ing {
        height: auto;
    }
    .main-container section.what-we-do.ing.ing-4 {
        height: auto;
        padding-bottom: 35px;
    }
    .main-container section.what-we-do.ing-1 {
        height: 450px;
    }
    .main-container section.what-we-do.ing-1 .col-left {
        padding-right: 10px;
        padding-top: 80px;
    }
    .main-container section.what-we-do.ing.ing-2 .col-left {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 8%;
    }
    .main-container section.what-we-do.ing.ing-3 .col-left {
        padding-right: 0px;
        padding-top: 10px;
    }

    div#button {
        padding-top: 55px;
    }
    .webb div#button {
        padding-top: 40px;

    }
    .case-studdy.our-approach-section .app-cont {
        padding: 0px 6% 0px 5%;
    }
}

@media (max-width:1024px){
    .Partners_container .vc_column-inner:hover .hidden_text_widget {
        height: 180px;
    }

    .Partners_container .vc_column-inner {
        padding: 45% 0 !important;
    }
    .main-container section.what-we-do.seo, 
    .main-container section.what-we-do.email-markt,
    .main-container section.what-we-do.ppc, .main-container section.what-we-do.soc-media{
        height: auto;
    }


    .main-container section.what-we-do.ing.ing-4 .col-right .vc_column-inner {
        display: table-cell;
        vertical-align: middle;
    }
    .web-des .col-right {
        width: 50%;
    }
    .web-des .col-left {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 50px;
        width: 50%;
    }
    .main-container section.what-we-do.web-des.third .col-left {
        padding-right: 0;
        padding-top: 0;
    }
    .main-container section.what-we-do.web-des.fourth .col-left {
        padding-left: 0;
        padding-top: 0;
    }

    .case-studyy .the-chalnge-left, .case-studdy.our-approach-section .app-cont {
        padding: 5%;
    }
    .case-studyy p, .case-studdy.our-approach-section p {
        font-size: 16px;
        max-width: 100%;
        padding-top: 15px;
    }
    .the-chalnge-left .wpb_content_element {
        margin-bottom: 0;
    }

}

@media (max-width:991px){
    .industries-section .wpb_content_element
    {
        margin-bottom: 0;   
    }
    .industries-section .wpb_content_element
    {
        margin-top: 35px;   
    }


    .real-business-left .wpb_wrapper {
        max-width: 100%;
    }
    .page-id-2011 .nav-container .top-bar {
        background: #070e1b;
    }

    .consultation-form label{
        width:100%;
    }

    .hidden_text_widget, .Partners_container .vc_column-inner:hover .hidden_text_widget{
        height: auto;
        opacity: 1;
        margin-top: 20px;
        min-height: 0;
    }
    .Partners_container .vc_column-inner:hover , .Partners_container .vc_column-inner{
        padding: 15% 0 !important;
    }
    .sf_comments {
        padding: 40px 20px 40px 20px;
    }
    .menu li.only_mobile {
        display: block;
    }
    .utility-menu .btn.btn-primary.login-button.btn-xs{
        display: none;
    }
    .case-studyy p, .case-studdy.our-approach-section p {
        font-size: 14px;
        padding-top: 5px;
    }
    .our-work .clients-2 .col-sm-4 {
        width: 33%;
    }
    .webb div#button {
        padding-top: 10px;
    }
    nav.top-bar .mobile-toggle {
        color: #fff;
    }
    .top-bar .menu {
        display: none;
    }

    nav.top-bar.open-nav .menu{
        display: block;   
    }
    .utility-menu {
        display: block;
    }
    .utility-menu .btn.btn-primary.login-button.btn-xs {
        right: 70px;
        top: 20px;
    }
    .top-bar .row.nav-menu {
        border-bottom: 0;
    }
    nav.top-bar.open-nav {
        overflow: visible;
    }
    .top-bar .col-md-10.col-sm-9.columns {
        width: 100%;
    }
    nav.top-bar .columns {
        min-height: 35px;
    }
    nav.top-bar.open-nav .menu {
        background: #076bf6 ;
        display: block;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 15px;
        width: 100%;
    }
    nav.top-bar.open-nav .menu li {
        display: block;
        text-align: center;
        width: 100%;
    }
    .nav-menu .menu li a:hover {
        color: #000;
    }
    .banner-content h2 {
        font-size: 30px;
    }

    .banner-content {
        padding-top: 160px;
    }
    .banner-row canvas {
        height: 590px !important;
    }
    nav .mobile-toggle {
        right: 30px;
        top: 35px;
        display: block;
        position: absolute;
        font-size: 30px;
        color:#fff;
        cursor:pointer;
    }
    .nav-menu .menu li a {
        color: #fff;
        font-size: 14px;

        padding: 10px;
    }
    nav.nav-sticky .mobile-toggle {
        right: 30px;
        top: 26px;
        display: block;
        position: absolute;
        font-size: 30px;
        color:#000;
    }
    .clients .clients-2 .col-md-2 {
        padding: 0 10px;
    }
    .clients-2 img {
        max-width: 120px;
    }

    .work-div .vc_column-inner {
        height: 290px;
    }
    .content-work h2 {
        font-size: 22px;
        line-height: 26px;
        padding-right: 10px;
    }
    .content-work {
        color: #fff;
        margin-top: 155px;
        padding: 25px;
    }
    .work-div .align-vertical img {
        padding-top: 65px;
    }
    .our-services h2 {
        margin: auto auto 25px;
    }

    .our-services {
        padding: 50px 0 20px;

    }
    .services-area {
        padding: 0 25px;
    }
    .our-work.services-area .align-vertical {
        min-height: 430px;
        padding: 15px 10px !important;
    }
    .services-area .align-vertical h1 {
        font-size: 22px;
        height: 66px;
        line-height: 29px;
        margin-bottom: 30px;
    }
    .services-area .align-vertical p.para {
        font-size: 13px;
        font-weight: 400;
        height: 145px;
        line-height: 21px;
    }
    .services-area .content-work h2 {
        font-size: 28px;
    }
    .ui-content h2 {
        font-size: 29px;
        line-height: 44px;
        margin-bottom: 0;
    }
    .blog-left {
        padding-left: 30px;
    }
    .blogg h2.blog-head {
        font-size: 30px;
        line-height: 38px;
    }
    .blog-sec {
        padding-top: 20px;
    }
    .rec-blog {
        padding-left: 20px;
    }
    .blog-sec ul li a {
        font-size: 14px;
    }
    .gmw-thumbnail-map img {
        height: 550px !important;

    }
    .rec-blog ul li {
        padding-top: 30px;
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    .our-work-banner .banner-content {
        padding-top: 140px  !important;
        position: relative;
    }
    .form-heading p {
        font-size: 20px;
    }
    .form-heading h1 {
        margin: 0 auto 60px;
    }
    .get-intouch-form form {
        margin: auto;
        width: 98%;
    }
    .get-intouch-form form input {
        width: 100%;
    }
    div#custome-colum-section .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 180px;
    }
    .main-container section.what-we-do {
        margin-bottom: 0px !important;
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }



    .what-we-do .work-right {
        padding-bottom: 30px;
    }

    .the-chalnge-left .vc_column-inner {
        max-width: 370px;
    }
    .the-chalnge-left h2 {
        font-size: 30px;
        margin-top: 30px;
    }
    .count ul li {
        font-size: 35px;
        margin-right: 10px;
        padding-right: 10px;
    }
    .challenge-left h1 {
        font-size: 26px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .our-approach-section h3 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .our-app .approch-inn {
        margin-bottom: 20px;
        margin-right: 5%;
        width: 45%;
    }
    .approch-inn h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .get-intouch-form.contact-uss-banner {
        padding-top: 130px;
    }
    .menu .subnav {
        padding: 20px 10px;
        width: 100%;
        z-index: 99;
    }
    .menu .subnav li a {
        color: #000 !important;
    }

    .sing-blog-home .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 h4 {
        font-size: 21px;
        line-height: 26px;
    }
    .page-id-107 nav.top-bar{
        background: #000;
    }

    .top-bar .col-sm-9.col-md-10.columns {
        display: none;
    }
    .top-bar.open-nav .col-sm-9.col-md-10.columns {
        display: block;
    }
    .top-bar .row.nav-menu {
        padding-bottom: 20px;
    }

    .subnav{ 
        position: relative;
        display: none;
    }

    .top-bar .menu li:hover .subnav {
        display: block;
        top: 0;

    }

    .banner-content h2 {
        /*        margin-bottom: 0px;*/
    }
    .our-work-banner {
        padding-bottom: 100px;
    }
    .banner-content p br {
        display: none;
    }

    .subnav {
        opacity: 1;
        top: 0px;
        visibility: visible;
    }
    .menu li {
        padding-bottom: 0px;
        margin-bottom: 0;
    }


    .main-container section.what-we-do.web-des.first {
        padding-top: 40px;
    }
    .main-container section.what-we-do.web-des.sec .col-left {
        padding-left: 0px;
        padding-top: 0px;
    }
    .main-container section.what-we-do.web-des.sec {
        padding-top: 40px;
    }
    .main-container section.what-we-do.web-des.third .col-left {
        padding-right: 0px;
        padding-top: 0px;
    }
    .main-container section.what-we-do.web-des.third {
        padding-top: 40px;
    }
    .main-container section.what-we-do.web-des.fourth .col-left {
        padding-left: 0px;
        padding-top: 0px;
    }
    .main-container section.what-we-do.web-des.fourth {
        padding-top: 40px;
    }
    .main-container section.what-we-do.web-des.fifth {
        padding-top: 40px;
    }


    .main-container section.what-we-do.ing.ing-2 ,.main-container section.what-we-do.ing.ing-3,.main-container section.what-we-do.ing.ing-4{
        padding-top: 25px;
    }
    div#button {
        padding-top: 35px;
    }

    .case-studyy .the-chalnge-left, .case-studdy.our-approach-section .app-cont {
        padding: 4%;
    }
}



@media all and (max-width:768px){
    .page-id-2011 .real-business-left.vc_column_container,.page-id-2011 .real-business-right.vc_column_container
    {
        width:100%;
    }
    .what-we-do .work-right {
        padding: 30px 15px;
    }
    .main-container section.what-we-do.ing.ing-2 .col-left {
        padding-top: 0;
    }
    .case-studyy .the-chalnge-left, .case-studdy.our-approach-section .app-cont , .case-studyy .the-chlnge-rgt, .case-studdy.our-approach-section .app-imh {
        width: 100%;
        padding: 5%;
    }
    .main-container section.what-we-do.seo .vc_col-sm-6 , .main-container section.what-we-do.ppc .vc_col-sm-6,
    .main-container section.what-we-do.email-markt .vc_col-sm-6, .main-container section.what-we-do.soc-media .vc_col-sm-6,
    .main-container section.what-we-do.web-des .vc_col-sm-6 ,  .main-container section.what-we-do .vc_col-sm-6,
    .main-container section.what-we-do .vc_col-sm-5 ,  .main-container section.what-we-do .vc_col-sm-7,
    .main-container section.what-we-do .vc_col-sm-4, .main-container section.what-we-do .vc_col-sm-8
    {
        width: 100%;
    }
}
@media (max-width:767px){
    .improving-section .wpb_single_image.vc_align_left ,.delivery-section .wpb_single_image.vc_align_left
    {
        text-align: center;   
    }
    .industries-list
    {
        padding-top: 4px;   
    }
    .industries-section h4{
        margin-top: 35px;   
    }
    .main-container section.delivery-section.what-we-do {    
        padding: 30px !important;
    }
    .leader-section .real-business-left .wpb_wrapper
    {
        max-width: 100%;    
    }
    .form-heading p
    {
        padding: 0 10px;  
    }
    .leader-section.improving-section .real-business-left .wpb_wrapper {
        max-width: 100%;
        padding-left: 0;
    }
    /*.page-id-2027 div[class*="col-sm"] {
        margin-bottom: 0;
    }*/
    /*.improving-section {
        padding: 40px 0;
    }*/
    .clients-upper div[class*="col-sm"] {
        margin-bottom: 0px;
    }
    .leader-section p
    {
        padding-left: 20px;   
    }
    .delivery-section p{
        padding-left: 0px; 
    }
    .clients-section h4
    {
        padding: 0;   
    }
    .Partners_container .vc_column-inner:hover, .Partners_container .vc_column-inner {
        padding: 5% 0 !important;
    }
    .vc_row.vc_row-flex.Partners_container>.vc_column_container {
        display: block;
        width: 100%;
        margin: 0 !important;
    }
    .full_container .vc_column_container {
        margin-bottom: 0;
    }
    .Partners_container .vc_column-inner > .wpb_wrapper {
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    section.vc_row > .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-id-2011 section.vc_row > .container
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .Partners_container {
        display: block !important;
    }
    .row > .boxed_container {
        padding: 0 30px;
    }
    .single-post-data .nav-next {
        text-align: left;
        margin-top: 30px;
    }
    .single-post-data .nav-previous, .single-post-data .nav-next {
        width: 100%;
    }
    nav.navigation.post-navigation:before{
        display: none;
    }
    .single-post-data .nav-next {
        text-align: left;
        padding-top: 10px;
        border-top: 1px solid #ccc;
        margin-top: 10px;
    }
    .boxed-layout .banner , .article-single .banner {
        padding-top: 100px;
    }
    .boxed_container{
        padding: 0 0px;
    }
    h3.quotes {
        font-size: 20px;
        line-height: 28px;
        padding: 0 0 0 40px;
    }
    h3.quotes:before{
        font-size: 90px;
    }
    .article-body ul, .article-body ol {
        margin-left: 10px;
    }
    .post_footer img {
        min-height: 100%;
        width: auto;
        max-width: none;
    }
    .post_footer {
        text-align: left;
        padding: 15px;
    }
    .post_footer h3, .post_footer .btn_wrap {
        display: inline-block;
        width: 100%;
    }
    .post_footer a {
        display: inline-block;
        padding: 15px 15px;
        font-size: 12px;
    }
    .post_footer .btn_wrap {
        margin-top: 15px;
    }
    .single-post-data .article-body img.alignleft
    {
        width:100%;
        margin-right:0;
    }
    section.value-about {
        padding-top: 0 !important;
    }
    section.our-val-abt .wpb_column {
        margin-bottom: 0;
    }
    .get-intouch-form.new-form form .upp-field input {
        width: 213px;
        display: block;
        margin: 10px auto;
    }
    .get-intouch-form.new-form form .low-field input {
        width: 235px;
        margin: 20px auto;
        display: block;
    }
    .main-container section.what-we-do.soc-media, .main-container section.what-we-do.seo, .main-container .what-we-do.image-left.ppc, .main-container section.what-we-do.email-markt{
        height: auto;
        padding: 30px 0 !Important;
    }
    .main-container section.what-we-do.ing.ing-3{
        height: auto;
    }
    .main-container section.what-we-do.ing-1 {
        height: auto;
        padding-top: 50px !important;
    }
    .main-container section.what-we-do.ing-1 .col-right .wpb_single_image {
        position: static;
        height: auto;
        overflow: hidden;
        padding-top: 0;
    }
    .main-container section.what-we-do.ing.ing-4{
        padding-bottom: 0 !important;
    }
    .main-container section.what-we-do.ing.ing-4 .col-right {
        margin-bottom: 0;
        height: auto;
    }
    .main-container section.what-we-do.ing.ing-2 .wpb_single_image {
        text-align: center;
    }
    .main-container section.what-we-do.ing-1 .col-right .wpb_single_image img{
        max-width: 100%;
    }
    .web-des .col-right {
        width: 100%;
    }
    .main-container section.what-we-do.ing .col-right {
        padding: 0;
        width: 100%;
    }
    .main-container section.what-we-do.ing .col-left {
        padding-right: 0px;
        padding-top: 0px;
        width: 100%;
        padding-left: 0px;
    }
    .web-des .col-left {
        width: 100%;
        padding: 0 5px;
    }
    .web-des .col-right {
        width: 100%;
        padding: 0 5px;
    }
    body .email-markt {
        margin: 0 !important;
        padding: 0!important;
    }
    body .seo, body .web-des {
        margin: 0 !Important;
        padding: 15px 0 !important;
    }
    body .image-left {
        margin: 0 !important;
        padding: 0 !important;
    }
    body .ing {
        margin: 0 !Important;
        padding: 15px 0 !important;
    }
    .case-studdy.our-approach-section .app-cont, .our-approach-section.case-studdy .app-imh {
        float: none;
        width: 100%;
    }
    .the-chlnge-rgt .vc_column-inner {
        padding: 0 15px !Important;
    }
    .boxes-styles .wpb_single_image.vc_align_left, .boxes-styles {
        text-align: center;
    }
    .banner-row .vc_column_container > .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    } 
    .utility-menu .btn.btn-primary.login-button.btn-xs {
        top: 5px;
    }  
    .work-div {
        margin-bottom: 5px !important;
    }  
    .our-services {
        padding: 50px 10px 20px;
    }
    .ui-div {
        width: 98%;
    }
    section.user-exp {
        padding: 0;
    }

    footer .col-sm-4:first-child ,footer .col-sm-4:nth-child(2),footer .col-sm-4:nth-child(3){
        width: 100%;
    }
    footer .col-sm-4:nth-child(3) {
        float: left;
        padding-bottom: 60px;
    }

    .our-work.services-area .work-div .align-vertical {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
    .services-area .work-div .hover-effect-div {
        opacity: 1;
    }
    .services-area .align-vertical h1 ,.services-area .align-vertical p.para{
        height: auto;
        margin-bottom: 20px;
    }
    .our-work.services-area .align-vertical {
        min-height: 380px;
        padding: 15px 10px !important;
    }
    .services-area .work-div .vc_column-inner {
        height: auto;
        margin-bottom: 20px; 
    }
    .gmw-thumbnail-map img {
        height: auto !important;
        width: 100%;
    }
    .banner-row .wpb_column.vc_column_container.vc_col-sm-12 {
        margin-bottom: 0;
    }
    .clients-2 img {
        max-width: 80px;
    }
    .port .project {
        width: 100%!important;
        height: 400px;
        margin-bottom: 0;
    }

    .port .content-work {
        padding-top: 175px;
    }

    footer form .mc4wp-response p {
        color: #0269f5;
        font-weight: 400;
        line-height: 16px;
        font-size: 13px;
    }
    footer form .mc4wp-response {
        bottom: 18px;
        top: auto;
    }
    .work-div.port .align-vertical img {
        padding-top: 130px;
    }
    .portnew.our-work .container {
        padding: 0;
    }
    .work-port .work-div {
        margin-bottom: 0 !important;
    }
    .our-work .clients-2 .col-sm-4 {
        margin-bottom: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 32%;
    }
    .get-intouch-form {
        padding-bottom: 0;
        padding-top: 50px;
    }


    .the-chalnge-left .vc_column-inner {
        max-width: 100%;
    }
    .the-chlnge-rgt {
        clear: both;
    }
    .count ul li {
        font-size: 45px;
        margin-right: 15px;
        padding-right: 15px;
    }
    .our-approach-section .app-cont {
        width: 100%;
    }
    .challenge-left h1 {
        margin-bottom: 25px;
    }
    .our-approach-section .app-imh {
        margin-bottom: 0;
        width: 100%;
    }

    .fet-blog-post {
        left: 30px;
    }
    .sing-blog-home .vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 {
        bottom: 0px;
        padding-left: 20px;
    }
    .page-id-107 .utility-menu .btn.btn-primary.login-button.btn-xs {
        right: 74px;
    }

    .innup span.headingg {
        height: auto;
        margin-bottom: 10px;
        display: block;
    }
    .innup span.para {
        height: auto;
        display: block;
    }
    .main-container section.what-we-do {
        margin-bottom: 0px !important;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .banner-content h2 {
        line-height: 38px;
    }
    .home-page .banner-content {
        bottom: 27%;
    }

    .banner-content p {
        font-size: 15px;
        padding: 0 30px;
    }
    .our-work-banner {
        padding-bottom: 20px;
    }
    .our-work-banner .banner-content {
        padding-top: 100px !important;
    }

    .send-cv h2 {
        font-size: 12px;
        line-height: 26px;
    }
    .send-cv .wpb_column.vc_column_container.vc_col-sm-12 {
        margin-bottom: 0;
    }

    .seo .col-right img {
        margin-top: 0px;
    }
    .main-container section.what-we-do img {
        max-width: 90%;
    }
    .main-container section.what-we-do.email-markt img,.main-container .what-we-do.image-left.soc-media img {
        max-width: 90%;
    } 

    .page-id-107 .blog-snippet-1 a img {
        height: auto;
        width: auto;
    }
    div#button {
        display: none;
    }
    a.img-post {
        min-height: 200px;
        vertical-align: middle;
        border-bottom: 0;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    .footermap .btn {
        width: 100%;
        margin-top: 0;
    }
    .footermap img {
        width: 100%;
        height: auto;
    }
    footer form#mc4wp-form-1 input[type="submit"] {
          background-color: #585e74;
          border: 0 solid #fff;
          border-radius: 8px;
          color: #fff;
          float: right;
          font-size: 12px;
          font-weight: 700;
          margin-top: 3px;
          padding: 10px 16px;
          width: auto;
        }


}




@media (max-width:479px){
    .clients-section h4
    {
        font-size: 16px;  
    }

    .utility-menu .btn.btn-primary.login-button.btn-xs {
        left: 8px;
        margin-top: 0;
        padding-top: 6px;
        right: auto;
        top: 75px;

    }
    .banner-content h2 {
        font-size: 20px;
        line-height: 28px;
        padding: 0 10px;
    }
    .banner-content p {
        font-size: 14px;
    }
    .rec-blog {
        padding-left: 10px;
        width: 100%;
    }
    .rec-blog ul li {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-top: 35px;
        position: relative;
    }
    .blog-sec ul li a {
        font-size: 20px;
    }
    .soc-link {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .footer-container footer.details h5.widgettitle {
        margin-top: 20px;
    }
    /*    nav .mobile-toggle {
    
            top: 46px;
        } */

    .top-bar .logo.logo-dark.logo-wide {
        margin-top: 5px;
    }
    .banner-row .wpb_column.vc_column_container.vc_col-sm-12 {
        margin-bottom: 0px;
    }

    .content-work h2 {
        font-size: 16px;
        line-height: 26px;
        padding-right: 0px;
    }

    nav.top-bar {

        overflow: visible;
    }
    .our-work.services-area .align-vertical {
        min-height: 420px;
    }
    .clients-2 img {
        max-width: 100px;
    }
    .port .project {
        height: 300px;
    }
    .port .content-work {
        padding-top: 115px;
    }
    .work-div.port .align-vertical img {
        padding-top: 80px;
    }

    .our-work-banner .banner-content {
        padding-top: 130px !important;
    }
    .our-work-banner {
        padding-bottom: 10px;
    }
    .our-work-banner .banner-content p {
        font-size: 14px;
        padding: 0 20px;
        line-height: 18px;
    }
    .our-work-banner .banner-content p br {
        display: none;
    }
    .work-port .wpb_column.vc_column_container.vc_col-sm-12 {
        margin-bottom: 0;
    }
    .our-work .clients-2 .col-sm-4 {
        border:0;
        width: 50%;
    }
    .brand-head {
        padding: 45px 0 10px;
    }
    .brand-head p {
        font-size: 15px;
        width: 265px;
    }
    .form-heading p {
        font-size: 15px;
    }
    .form-heading h1 {
        margin: 0 auto 30px;
    }
    form p.half span {
        width: 90%;
    }
    .clients.our-work {
        padding-bottom: 10px;
    }

    .count ul li {
        font-size: 32px;
        margin-right: 5px;
        padding-right: 5px;
    }
    .challenge-left h1 {
        font-size: 22px;
    }
    .our-app .approch-inn {
        margin-bottom: 50px;
        margin-right: 0;
        width: 100%;
    }
    .get-intouch-form form p span.textarea-595 {
        display: block;
        width: 90%;
    }
    .getintouch {
        padding: 20px;
    }
    .page-id-107 nav.top-bar {
        background: #000;
        min-height: 110px;
    }
    .page-id-107 .utility-menu .btn.btn-primary.login-button.btn-xs {
        right: auto;
    }

    .innup span.headingg {
        font-size: 20px;
    }
    .send-cv h2 {
        font-size: 13px;
        line-height: 26px;
    }

}





@media (max-width:767px) and (min-width:480px){
    .work-div .vc_column-inner {
        height: auto;
    }

}

@media (max-width:767px) and (min-width:600px){
    .count ul li {
        font-size: 25px;
        margin-right: 5px;
        padding-right: 5px;
    }
    .the-chalnge-left h2 {
        font-size: 20px;
        margin-top: 0;
    }
    .the-chalange  .the-chlnge-rgt {

    }
    .the-chalange .the-chalnge-left {

    }




}



@media (min-width:1200px){
    .our-work.services-area .align-vertical {
        margin-top: 60px;
    }
}