/***************************************************************
 
--------------------------- RESPONSIVE -------------------------
 
***************************************************************/  





/* -- ***** General Mobile only Elements 
---------------------------------------------------------------*/

/****************************************************************
 
----------------------------- HEADER ----------------------------
 
***************************************************************/  

/* -- ***** Hamburger
---------------------------------------------------------------*/ 

.navbar-toggle {
    background: #0063c7 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 57px;
    height: 57px;
}



.navbar-toggle .icon-bar {
    background-color: #FFF;
    width: 23px !important;
    height: 3px !important;
    margin: 0 auto;
}



/* -- ***** Mobile Menu
---------------------------------------------------------------*/ 

.mobile-menu .menu-item-has-children>a {
	background-color: transparent;
	position: relative;
}

.mobile-menu .menu-item-has-children>a:after {
	font-family: 'FontAwesome';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
}

.mobile-menu .menu-item-has-children>a:after {
	font-size: 30px;
	content: '\f0d7';
	top: 5px;
	left: 20px;
}

.mobile-menu .menu-item-has-children.visible>a:after {
	content: '\f0d8';
}

.mobile-menu ul.sub-menu {
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}

.mobile-menu .visible>ul.sub-menu {
	display: block !important;
	visibility: visible !important;
}

.mobile-menu>a:hover,
.mobile-menu li.current-menu-item>a {
	background-color: #0063c7;
	color: #FFF !important;
	margin: 0;
}

.nav-main .navbar-collapse .mobile-menu>li .sub-menu li a span {
	margin-right: 40px;
}

.nav-main .navbar-collapse .mobile-menu>li a {
	padding: 10px 15px;
	font-size: 15px;
	text-align: right;
}

.nav-main .navbar-collapse .mobile-menu>li a {
    border-top: 1px solid #FFF;
}







/* -- ***** Media Queries 
---------------------------------------------------------------*/




@media (min-width: 980px) {

/*********************************************************
 
------------------------- THEME --------------------------
 
**********************************************************/  

    /* Change the default container size */
    
    
    .testimonials-carousel .container,
    #primary .container,
    .page-links-list  .container,
    .contact-form-strip .container,
    #copyright .container,
    #top-bar .container,
    header .container,
    .sticky-header .container,
    footer .container {
        max-width: 1190px !important;
    }
    

} /* (min-width: 980px) */



@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: right !important;
    }

} /* (min-width: 1200px) */




@media (min-width: 1359px) {
    

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 

/* -- ***** Slider
---------------------------------------------------------------*/ 

 .woki-slider .cq-skewbox-text-container {
    transform: translatex(16%) translateY(-50%);
}
   

} /* @media (max-width: 1359px) */



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



/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 



/* -- ***** Contact Form Strip
---------------------------------------------------------------*/ 

    
    .contact-form-strip {
        padding-left: 20%;
    }
    
    
    .contact-form-strip__text-wrapper {
        
        height: 186px;
        padding-top: 37px !important;
        width: 25% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    
    .contact-form-strip__title {
        font-size: 24px !important;
    }
    
    .contact-form-strip__text {
        font-size: 15px !important;
    }
    
    
    .contact-form-strip__text p br {
        display: none;
    }

    
   .contact-form-strip .contact-form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 15px !important;
   }


   .contact-form-strip .contact-form-input::-moz-placeholder { /* Firefox 19+ */
        font-size: 15px !important;
   }


    .contact-form-strip .contact-form-input:-ms-input-placeholder { /* IE 10+ */
        font-size: 15px !important;
    }


    .contact-form-strip .contact-form-input:-moz-placeholder { /* Firefox 18- */
        font-size: 15px !important;
    }
    
    .contact-form-strip .contact-form-input.wpcf7-form-control:not(.wpcf7-submit)  {
        padding-right: 38px;
        background-position: 93% 50% !important;
        background-size: 20px !important;
    }    
    
    
    .contact-form-strip .contact-form-input.contact-form-input--message.wpcf7-form-control {
        background-position: 97% 50% !important;
    }
    
    /*
    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        display: none !important;
    }*/
    
    .contact-form-strip .ajax-loader {
        top: 14% !important;
        right: auto !important;
        left: 21px;
    }    


/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** Contact
---------------------------------------------------------------*/

    .contact-form-strip.contact-form-strip__contact-page .contact-form-input.wpcf7-form-control:not(.wpcf7-submit) {
        padding-right: 50px !important;
        background-position: 96% 50% !important;
        background-size: 20px !important;
    }
    

    .contact-form-strip.contact-form-strip__contact-page  .contact-form-input.contact-form-input--message.wpcf7-form-control:not(.wpcf7-submit) {
        background-position: 96% 24% !important;
    }  


} /* (min-width: 1024px) and (max-width: 1649px) */




@media (min-width: 767px) and (max-width: 1169px) { 

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Page Links List
---------------------------------------------------------------*/ 

.page-links-list nav ul li {
    display: block !important;
    width: 50% !important;
    margin-left: 0 !important;
    float: right !important;
}


.page-links-list .page-links-list-item__text {
    margin-top: 13px !important;
    margin-bottom: 34px !important;
    display: block !important;
}


    
}




@media (min-width: 767px) and (max-width: 1023px) { 



/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 



/* -- ***** Contact Form Strip
---------------------------------------------------------------*/ 

    .contact-form-strip {
            background: linear-gradient(to right, #FFF 50%, #0063c7 50%) !important;
    }
    
    
       
    .contact-form-strip {
        padding-left: 6%;
    }
    
    .contact-form-strip__form-wrapper {
        width: 73% !important;
    }

    
    .contact-form-strip__text-wrapper {
        
        height: 186px;
        padding-top: 37px !important;
        width: 27% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    
    .contact-form-strip__title {
        font-size: 24px !important;
    }
    
    .contact-form-strip__text {
        font-size: 15px !important;
    }
    
    
    .contact-form-strip__text p br {
        display: none;
    }

    
   .contact-form-strip .contact-form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 15px !important;
   }


   .contact-form-strip .contact-form-input::-moz-placeholder { /* Firefox 19+ */
        font-size: 15px !important;
   }


    .contact-form-strip .contact-form-input:-ms-input-placeholder { /* IE 10+ */
        font-size: 15px !important;
    }


    .contact-form-strip .contact-form-input:-moz-placeholder { /* Firefox 18- */
        font-size: 15px !important;
    }
    
    .contact-form-strip .contact-form-input.wpcf7-form-control:not(.wpcf7-submit)  {
        padding-right: 38px;
        background-position: 93% 50% !important;
        background-size: 20px !important;
    }    
    
    
    .contact-form-strip .contact-form-input.contact-form-input--message.wpcf7-form-control {
        background-position: 97% 50% !important;
    }
    
    /*
    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        display: none !important;
    }*/
    
    .contact-form-strip .ajax-loader {
        top: 14% !important;
        right: auto !important;
        left: 21px;
    }    



/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** Contact
---------------------------------------------------------------*/

    .contact-form-strip.contact-form-strip__contact-page .contact-form-input.wpcf7-form-control:not(.wpcf7-submit) {
        padding-right: 50px !important;
        background-position: 96% 50% !important;
        background-size: 20px !important;
    }
    

    .contact-form-strip.contact-form-strip__contact-page  .contact-form-input.contact-form-input--message.wpcf7-form-control:not(.wpcf7-submit) {
        background-position: 96% 24% !important;
    }  


} /*  (min-width: 767px) and (max-width: 1023px) */



@media (max-width: 1199px) {


/***************************************************************
 
--------------------------- FOOTER ----------------------------
 
***************************************************************/  

    #footer #sidebar-footer {
        padding-top: 40px !important;
    }

/* -- ***** Widgets
---------------------------------------------------------------*/ 


    .footer-about-menu,
    .footer-articles {
        padding-right: 15px !important;
    }


    .footer-about-text {
        margin-bottom: 40px !important;
    }

    .footer-articles,
    .footer-contact-details {
        margin-top: 40px !important;
        margin-bottom: 40px !important;    
    }
    
    
    .footer-services,
    .footer-contact-details {
       padding-right: 60px !important;
    }
    
   
    
} /* (max-width: 1199px) */





@media (max-width: 1219px) {
    

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** Contact
---------------------------------------------------------------*/

    .contact-form-strip.contact-form-strip__contact-page .accept-newsletter .wpcf7-checkbox .wpcf7-list-item-label {
        right: 0;
    }
    
    
    .contact-form-strip.contact-form-strip__contact-page .cf-container {
        display: block;
        margin: 0;
        padding: 0;
    }

    .contact-page-text {
        z-index: 3;
    }
    
    

    
} /* (max-width: 1219px) */






@media (max-width: 1199px) and (min-width: 992px) {
    

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** Contact
---------------------------------------------------------------*/

    .contact-page-form-wrapper {
        max-width: 390px !important;
    }


    .contact-page-text-container {
        padding-left: 0;
        z-index: 3;
    }   
    
    
    .contact-page-text {
        z-index: 3;
    }
    
    
    ul.contact-page-contact-details {
        padding: 0 !important;
    }  
    
    
    ul.contact-page-contact-details li a {
        font-size: 15px !important;
    }

    ul.contact-page-contact-details li img {
        width: 25px !important;
        height: 25px !important;
        margin-left: 8px !important;
    }   
    
    
    .contact-page-form-wrapper {
        background: #0063c7;
    }    
    
    
    .contact-form-strip.contact-form-strip__contact-page .contact-page-form-wrapper .use-floating-validation-tip span.wpcf7-not-valid-tip {
        right: 66% !important;
    }
    

/* -- ***** Homepage
---------------------------------------------------------------*/
  
    .main-sections .main-services ul.services li.services__item .services__item__content {
        width: 230px !important;
        height: 230px !important;
    }
  
  
    .main-sections .main-services ul.services li.services__item .services__item-image {
        left: 0 !important;
        right: 0 !important;
        top: -36px !important;
        width: 75px !important;
        margin: 0 auto !important;
    }  
    
    
    .main-sections .main-services ul.services li.services__item .services__item__content .services__item__content__inner {
        padding: 50px 30px 30px 30px !important;
        text-align: center;
    }

    .main-sections .main-services ul.services li.services__item .services__item-title {
        font-size: 25px !important;
        text-align: center !important;
    }
    
    .main-sections .main-services ul.services li.services__item .services__item-read-more {
        text-align: center !important;
    }
    

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Page header
---------------------------------------------------------------*/ 
    
 
    header.cq-skewbox.roundsmall:after {
        background-size: 100% !important;
        background-position: center !important;
    }
    
    
    .cq-skewbox .cq-skewbox-subtitle {
        font-size: 28px !important;
        max-width: 270px !important;
    }   



/* -- ***** Page header
---------------------------------------------------------------*/ 

    .woki-slider .cq-skewbox-cover-right .cq-skewbox-skewed {
        right: -43% !important;
        width: 160% !important;
    }
    
    
    .woki-slider header.cq-skewbox.roundsmall:after {
        background-size: 71% !important;
        background-position: 0 33px !important;
    }  
    
    
    .woki-slider .cq-skewbox {
        background-position: -300px 0 !important;
    }
    
    .woki-slider .cq-skewbox .cq-skewbox-subtitle {
        font-size: 27px !important;
        max-width: 380px !important;
    }
    
    


} /*  (max-width: 1199px) and (min-width: 992px) */




@media (max-width: 992px) and (min-width: 767px) {
    

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** Contact
---------------------------------------------------------------*/

    .page-template-page-template-contact #primary {
        background: none !important;
    }
    
    .contact-form-strip.contact-form-strip__contact-page {
        margin-top: 26px;
    }
    
    .contact-page-form-wrapper {
        max-width: none !important;
        float: left !important; 
        background: #0063c7;
        width: 80%;
    }
    
    
    .contact-form-strip.contact-form-strip__contact-page:before {    
        left: 69% !important;
    }
    

/* -- ***** Homepage
---------------------------------------------------------------*/
  
    .main-sections .main-services ul.services li.services__item .services__item__content {
        margin: 0 auto 100px; 
    }
    
    .main-sections .main-services ul.services li.services__item:last-child .services__item__content,
    .main-sections .main-services ul.services li.services__item:nth-last-child(2) .services__item__content {
        margin-bottom: 0;
    }

    
    
    .main-sections .main-services ul.services li.services__item .services__item-image {
        left: 0 !important;
        right: 0 !important;
        top: -36px !important;
        margin: 0 auto;
    }
    


/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Testimonials Carousel
---------------------------------------------------------------*/

    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content {
        margin: 45px auto 0 !important;
    }
    
    
    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content .testimonials-carousel__item-logo {
        right: 0 !important;
    }
    

/* -- ***** Page header
---------------------------------------------------------------*/ 

    .cq-skewbox .cq-skewbox-subtitle {
        font-size: 25px !important;
    }
    
    
    .cq-skewbox .cq-skewbox-title,
    .cq-skewbox .cq-skewbox-subtitle,
    .cq-skewbox-text-container {
        max-width: 245px !important;
    }
    
    header.cq-skewbox.roundsmall:after {
        background-size: 76% !important;
        background-position: 92px -116px !important;
    }   
    
    
    

/* -- ***** Page header
---------------------------------------------------------------*/ 

    
    .woki-slider header.cq-skewbox.roundsmall:after {
        background-size: 70% !important;
        background-position: 45px 33px !important;
    }  
    
    
    .woki-slider .cq-skewbox {
        background-position: -300px 0 !important;
    }
    
    
    .woki-slider .cq-skewbox-cover-right .cq-skewbox-skewed {
        right: -60% !important;
        width: 173% !important;
    }


    .woki-slider  .cq-skewbox-skewed {
        transform: skewX(-34deg);
    }
        
    .woki-slider .woki-slider .cq-skewbox .cq-skewbox-title {
        font-size: 36px;
    }     
    
    
    .woki-slider .cq-skewbox .cq-skewbox-subtitle {
        font-size: 23px !important;
    }

} /* (max-width: 992px) and (min-width: 767px) */




@media (max-width: 1215px) {
    

/***************************************************************
 
--------------------------- FOOTER ----------------------------
 
***************************************************************/  


/* -- ***** Widgets
---------------------------------------------------------------*/ 


    .footer-about-text {
        padding-right: 15px !important;
    }
    

/***************************************************************
 
------------------------- COPYRIGHT ----------------------------
 
***************************************************************/ 

    #copyright { 
        padding: 0 15px !important;
    }


} /* (max-width: 1215px) */




@media (max-width: 1129px) and (min-width: 767px) {
  
/****************************************************************
 
----------------------------- HEADER ----------------------------
 
***************************************************************/    

/* -- ***** Logo 
---------------------------------------------------------------*/
    #header.logo-right .logo {
        float: none !important;
        text-align: center;
        margin-top: 25px;
    }



/* -- ***** Menu
---------------------------------------------------------------*/ 

    #header.logo-right .nav-main {
        margin-top: 19px !important;
        margin-bottom: 19px !important;
        float: none !important;
        text-align: center;
    }
    
    
    .sf-menu li {
        float: none !important;
        display: inline-block;
    }
    
    
    .sf-menu li a {
        padding: 0 0.7em !important;
    }
    
    
    .sticky-header .sf-menu li a {
        padding: 0 0.4em !important;
    }


} /* (max-width: 1129px) and (min-width: 767px) */







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

/****************************************************************
 
--------------------------- TOPBAR -----------------------------
 
***************************************************************/  

    .testimonials-carousel .container,
    #primary .container,
    .page-links-list  .container,
    .contact-form-strip .container,
    #copyright .container,
    #top-bar .container,
    header .container,
    .sticky-header .container,
    footer .container  {
        max-width: 100%;
    }


} /* (max-width: 991px) and (min-width: 768px) */




@media (max-width: 991px) {
    
/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

/* -- ***** About
---------------------------------------------------------------*/ 

    .about-top-2cols-layout__image {
        margin-bottom: 30px;
    }
    
    .about-top-2cols-layout__image img {
        width: 100%;
    }



/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Page header
---------------------------------------------------------------*/ 

    .cq-skewbox {
      margin-bottom: 30px !important;
    }
    
    
} /* @media (max-width: 991px) */





@media (max-width: 901px) {

/****************************************************************
 
--------------------------- TOPBAR -----------------------------
 
***************************************************************/  

    #top-bar .pull-right,
    #top-bar .pull-left {
        float: none !important;
    } 
    
    

/* -- ***** Search
---------------------------------------------------------------*/

    #top-bar .widget_search {
        display: none !important;
    }

    

/* -- ***** Contact links buttons 
---------------------------------------------------------------*/ 

    #top-bar .header-topbar__contact-links__call-us-button {
        float: left;
    }



/***************************************************************
 
------------------------- STICKY HEADER ------------------------
 
***************************************************************/  

/* -- ***** Menu
---------------------------------------------------------------*/ 

.sticky-header .nav-main {
    margin-top: 13px;
}


.sticky-header .sf-menu li a span {
    font-size: calc( 11px + (13 - 12) * (100vw - 767px) / (901 - 767) ) !important;
    margin-top: 9px !important;
}
    
    
} /* (max-width: 869px) */








@media (max-width: 767px) {

/****************************************************************
 
--------------------------- TOPBAR -----------------------------
 
***************************************************************/  

    #top-bar {
        display: block !important;
    }


/***************************************************************
 
----------------------------- HEADER ---------------------------
 
***************************************************************/  



/* -- ***** Menu
---------------------------------------------------------------*/ 


    #header.logo-right .nav-main {
        margin:0 !important;
    }



/***************************************************************
 
------------------------- STICKY HEADER ------------------------
 
***************************************************************/  


/* -- ***** Menu
---------------------------------------------------------------*/ 

.sticky-header .navbar-toggle {
    margin-top: -15px;
}


/* -- ***** Mobile Menu
---------------------------------------------------------------*/ 

.sticky-header .nav-main {
    background: #FFF;
    margin-top: 3px !important;    
}



/***************************************************************
 
--------------------------- FOOTER ----------------------------
 
***************************************************************/  

    #footer #sidebar-footer {
        padding-top: 40px !important;
    }

/* -- ***** Widgets
---------------------------------------------------------------*/ 

    #footer #sidebar-footer .widget {
        margin-bottom: 40px !important;
    }

    
    .footer-services,
    .footer-contact-details {
       padding-right: 15px !important;
    }
    




/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Contact Form Strip
---------------------------------------------------------------*/ 

    .contact-form-strip .container {
        padding-right:0;
        padding-left: 30px;
    }

    .contact-form-strip,
    .contact-form-strip .container > .row {
        margin: 0 !important;
        padding: 0 !important;
        background: #FFF !important;
        height: auto !important;
        max-height: none !important;
    }


    .contact-form-strip__text-wrapper,
    .contact-form-strip__form-wrapper {
        width: 100% !important;
        padding: 0 !important;
    }
    
    
    .contact-form-strip__text-wrapper {
        border: none !important;
    }
    
    .contact-form-cols-wrapper {
       background: #0063c7;
       border-top-left-radius: 60px; 
       border-bottom-left-radius: 60px; 
       padding: 30px 15px 30px 33px;
    }
    
    
    
     .contact-form-strip .contact-form-input.wpcf7-form-control:not(.wpcf7-submit)  { 
        background: #FFF !important;
     }
    
    
    .contact-form-strip .contact-form-input.contact-form-input--message {
        background: #FFF !important;
        max-height: 173px !important;
        border-radius: 34px;
    }
    
    .mobile-order-2 {
        order: 2;
    }
    
    
    .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label::before {
        font-size: 8px !important;
        line-height: 14px !important;
    }
    
    
    div.wpcf7-mail-sent-ok, .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        display: block;
        top: auto !important;
        bottom: -24px !important;
        width: 100% !important;
        padding: 0 !important;
    }
    
    

/* -- ***** Page Links List
---------------------------------------------------------------*/ 

    .page-links-list nav ul li {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin: 0 auto;
        float: none !important;
    }
    
    
    .page-links-list .page-links-list-item__text {
        margin-top: 13px !important;
        margin-bottom: 34px !important;
        display: block !important;
    }



/* -- ***** Testimonials Carousel
---------------------------------------------------------------*/

    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content {
        margin: 45px auto 0 !important;
    }
    
    
    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content .testimonials-carousel__item-logo {
        right: 0 !important;
    }
    



/* -- ***** Page header
---------------------------------------------------------------*/ 

.cq-skewbox-skewed {
    transform: skewX(-15deg) !important;
}


.cq-skewbox-content {
    transform: skewX(15deg) !important;
}    


header.cq-skewbox.roundsmall:after {
    background-image: url(../images/woki-banner-serperator-mobile.svg) !important;
    
    width: 440px !important;
    background-size: 47% !important;
    background-position: 126px -90px !important;
    transform: rotate(-2deg) !important;
}



    .cq-skewbox .cq-skewbox-subtitle {
        font-size: 25px !important;
    }

    .cq-skewbox .cq-skewbox-title,
    .cq-skewbox .cq-skewbox-subtitle,
    .cq-skewbox-text-container {
        max-width: 230px !important;
    }

    .woki-slider header.cq-skewbox.roundsmall:after {
        pointer-events: none;
    }
    
/* -- ***** Slider
---------------------------------------------------------------*/ 


    .woki-slider .cq-skewbox {
        height: 410px !important;
    }
    
    
    .woki-slider .cq-skewbox .cq-skewbox-label {
        display: none;
    }
    
    
    .woki-slider .cq-skewbox.roundsmall:after {
        background-position: 114px -48px !important;
    }
    
    
    .woki-slider .cq-skewbox-cover-right .cq-skewbox-skewed {
        right: -23% !important;
    }
    
 
    .woki-slider .cq-skewbox.roundsmall:after {
        background-position: 66px center !important;
        transform: none !important;
        width: 522px !important;
        background-size: 56% !important;
    }
    
    .woki-slider .cq-skewbox .cq-skewbox-title, 
    .woki-slider .cq-skewbox .cq-skewbox-subtitle, 
    .woki-slider .cq-skewbox-text-container {
        max-width: 210px !important;
    }
    

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 


/* -- ***** Jobs
---------------------------------------------------------------*/

    .classified-ad-item {
        padding: 0 15px;
    }
    
    
    .classified-list .panel-accordion_title,
    .classified-list .panel-accordion_title span {
        font-size: calc( 19px + (23 - 19) * (100vw - 320px) / (767 - 320) ) !important;
    }
    
    .classified-ad-item__inner-title {
        font-size: 18px !important;
    }


/* -- ***** Contact
---------------------------------------------------------------*/

    .page-template-page-template-contact #primary {
        background: none !important;
    }
    
    .contact-form-strip.contact-form-strip__contact-page {
        margin-top: 26px;
    }
    
    .contact-page-form-wrapper {
        max-width: none !important;
        float: left !important; 
        background: #0063c7;
        width: 80%;
    }
    
    
    ul.contact-page-contact-details {
        padding: 0 !important;
    }
    
    ul.contact-page-contact-details li a {
        font-size: 15px !important;
    }

    ul.contact-page-contact-details li img {
        width: 25px !important;
        height: 25px !important;
        margin-left: 8px !important;
    }   
    
    
    
    .contact-form-strip.contact-form-strip__contact-page:before {    
        display: none;
    }
    
    
    .contact-page-text, 
    .contact-page-links {
        float: right !important;
    }
    
    .contact-page-form-wrapper {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 30px 15px 30px 33px;
    }
    
 
    .contact-form-strip.contact-form-strip__contact-page {
       margin-top: 26px !important;
        float: right !important;
    }    
    
    
    .contact-form-strip.contact-form-strip__contact-page .wpcf7-form div.wpcf7-mail-sent-ok,
    .contact-form-strip.contact-form-strip__contact-page .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        bottom: 33px !important;
        top: auto !important;
        max-width: 250px;
    }
    
    
    .contact-form-strip.contact-form-strip__contact-page .use-floating-validation-tip span.wpcf7-not-valid-tip {
        right: 58% !important;
    }
    
    
    .contact-form-strip.contact-form-strip__contact-page  .contact-form-input {    
        padding-right: 15px !important;
    }
    

/* -- ***** Blog
---------------------------------------------------------------*/

    .blog-item .image-link img {
    	width:100%;
    }


/* -- ***** Homepage
---------------------------------------------------------------*/
  
    .main-sections .main-services ul.services li.services__item .services__item__content {
        margin: 0 auto 100px; 
    }
    
    
    .main-sections .main-services ul.services li.services__item .services__item-image {
        left: 0 !important;
        right: 0 !important;
        top: -36px !important;
        margin: 0 auto;
    }
    
    
    .main-sections .main-services ul.services li.services__item:last-child .services__item__content {
        margin-bottom: 0;
    }
    
    
    .main-sections .main-benfits {
        background: none !important;
         background-blend-mode: normal !important;
        
    }
    
    
    .main-sections .main-benfits ul.benfits li.benfit__item {
        display: flex!important;
        flex: none !important;
        align-items: normal !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 15px 0;
    }
    
    
    .main-sections .main-benfits ul.benfits li.benfit__item:before {
        font-size: 27px !important;
        color: #0063c7 !important;
    }
    

} /* (max-width: 767px) */





@media (max-width: 767px) and (min-width: 420px) {

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

 

/* -- ***** Team
---------------------------------------------------------------*/


    .team-members .grid-item .image-link .overlay-text .overlay-text-inner-wrapper {
        padding: 0 90px 100px 90px !important;
    }   


}/* (max-width: 767px) and (min-width: 420px) */




@media (max-width: 560px) {
    

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 

/* -- ***** Slider
---------------------------------------------------------------*/

    .woki-slider header.cq-skewbox.roundsmall:after {    
        width: 100% !important;
        background-size: 38% !important;
        background-position: 36% center !important;
        transform: none !important;
    }  
    
    
    .woki-slider .cq-skewbox .cq-skewbox-title, 
    .woki-slider .cq-skewbox .cq-skewbox-subtitle, 
    .woki-slider .cq-skewbox-text-container {
        max-width: 212px !important;
    }
    
    
    .woki-slider .cq-skewbox .cq-skewbox-title {
        font-size: calc( 29px + (36 - 29) * (100vw - 320px) / (560 - 320) ) !important;
    }



    .woki-slider .cq-skewbox .cq-skewbox-subtitle {
        font-size: calc( 15px + (25 - 15) * (100vw - 320px) / (560 - 320) ) !important;
    }
    
    
    .cq-skewbox .cq-skewbox-title,
    .cq-skewbox .cq-skewbox-subtitle,
    .cq-skewbox-text-container {
        max-width: 158px !important;
    }


} /* @media (max-width: 560px) */





@media (max-width: 420px) {

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 

 

/* -- ***** Team
---------------------------------------------------------------*/


    .team-members .grid-item .image-link .overlay-text .overlay-text-inner-wrapper {
        padding: 0 40px 36px 40px !important;
        font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (420 - 320) ) !important;
        line-height: 1.5em;
    }   



/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 


/* -- ***** Testimonials Carousel
---------------------------------------------------------------*/

    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content {
        width: 280px !important;
        height: 280px !important;
    }    
    
    
    .testimonials-carousel .testimonials-carousel__content ul li.testimonials-carousel__item .testimonials-carousel__item-content .testimonials-carousel__item-text {
        font-size: 15px;
    }

}/* (max-width: 767px) and (min-width: 420px) */



@media (max-width: 520px) {

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/ 


/* -- ***** Jobs
---------------------------------------------------------------*/

    .classified-list .accordion,
    .classified-list .panel-accordion {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    
    .classified-list .accordion:after {   
        left: 0 !important;
        font-size: 27px !important;
    }    
    
    .classified-ad-item__button a {
	   font-size: calc( 11px + (17 - 11) * (100vw - 320px) / (520 - 320) );
    }
    
    
    .classified-ad-item__requirements-text ul li {
        font-size: calc( 15px + (17 - 15) * (100vw - 320px) / (520 - 320) );
    }
    
    
    .classified-ad-item__inner-title {
        font-size: 15px !important;
    }
    

/***********************************************************
 
------------------------- PAGES ---------------------------
 
***********************************************************/

/* -- ***** Contact
---------------------------------------------------------------*/

    .contact-page-text, 
    .contact-page-links {
        width: 100% !important;
        border: none !important;
        min-height: inherit !important;
    }
    
    .contact-page-links .vertical-center,
    .contact-page-text-container {
        position: relative !important;
        top: initial !important;
        transform: none !important;
    }


    .contact-page-form-wrapper {
        margin-top: 50px;
    }
    
    .contact-page-form-wrapper {
        width: 97%;
     }

} /* @media (max-width: 520px) */


@media (max-width: 672px) {

/****************************************************************
 
--------------------------- TOPBAR -----------------------------
 
***************************************************************/  


    #top-bar .pull-right,
    #top-bar .pull-left {
        float: none !important;
    } 
    
    


/* -- ***** Contact links buttons 
---------------------------------------------------------------*/ 

    #top-bar .header-topbar__contact-links__call-us-button {
        float: left;
    }
    
    .contact-buttons__item-hidden-mobile {
        display: none !important;
    }
    
    
    #top-bar .client-login li.contact-buttons__item a {
        width: 52px !important; 
        margin-left: 0 !important;
    }
    
    #top-bar ul.contact-buttons li a {
        padding: 0 7px !important;
        text-align: center;
    }
    
    #top-bar ul.contact-buttons li img {
        margin-left: 0 !important;
    }
    
    #top-bar ul.contact-buttons:not(.client-login) li a {
        padding: 0 5px 0 9px !important;
    }

} /* (max-width: 672px) */




@media (max-width: 489px) {

/****************************************************************
 
----------------------------- FOOTER ----------------------------
 
****************************************************************/  

/* -- Copyright
---------------------------------------------------------------*/ 

    body #copyright {
        line-height: 25px !important;
    }
    
    #copyright > .container {
        padding: 10px 0 !important;
    }
    
    #copyright .pull-left,
    #copyright .pull-right {
        float: none !important;
    }
     

} /* 489 */



@media (max-width: 479px) {

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 

/* -- ***** Slider
---------------------------------------------------------------*/ 


    .woki-slider .cq-skewbox-cover-right .cq-skewbox-skewed {
        right: -44% !important;
        width: 160% !important;
    }
    
    
    .woki-slider .cq-skewbox .cq-skewbox-title, 
    .woki-slider .cq-skewbox .cq-skewbox-subtitle, 
    .woki-slider .cq-skewbox-text-container {
        max-width: 56% !important;
    }
    
    
    .woki-slider header.cq-skewbox.roundsmall:after {
        background-size: 54% !important;
    }
        

} /* 479 */





@media (max-width: 440px) {
    

/*************************************************************
 
----------------------- Components ---------------------------
 
**************************************************************/ 

/* -- ***** Page header Inner
---------------------------------------------------------------*/
    #breadcrumbs {
            display: none;
    }
    
    
    
    header.cq-skewbox.roundsmall:after {    
        width: 100% !important;
        background-size: 45% !important;
        background-position: center center !important;
        transform: none !important;
    }  
    
    
    .cq-skewbox .cq-skewbox-title, 
    .cq-skewbox .cq-skewbox-subtitle, 
    .cq-skewbox-text-container {
        /*max-width: 75px !important;*/
        max-width: 158px !important;
    }
    
    
    .cq-skewbox .cq-skewbox-title {
        font-size: calc( 29px + (46 - 29) * (100vw - 320px) / (440 - 320) );
    }



    .cq-skewbox .cq-skewbox-subtitle {
        font-size: calc( 15px + (25 - 15) * (100vw - 320px) / (440 - 320) ) !important;
    }
    
    .woki-slider .woki-slider__button {
        font-size: 12px;
    }

    
} /* @media (max-width: 440px) */








@media (max-width: 410px) {

/****************************************************************
 
--------------------------- TOPBAR -----------------------------
 
***************************************************************/  


    #top-bar {
        font-size: calc( 11px + (16 - 11) * (100vw - 320px) / (410 - 320) ) !important;
    } 


} /* (max-width: 410px) */