/*
Theme Name: Ekko Child
Template: ekko
Theme URI: http://www.ekko-wp.com
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
/* --- Mobile Responsive --- */

@media (max-width: 540px) {
  .cta_text {
    display: block !important;
    text-align: center;
    padding-bottom: 25px;
  }

  .cta_text img {
    height: auto;
  }

}

@media (max-width: 767px) {
    
 .steps-section {
    display: block;
 }

    
    .free-quote input, .free-quote textarea {
       margin-bottom: 15px !important;
    padding-left: 15px !important;
    font-size: 14px !important;
}
    .stayupdated .wpb_wrapper {
    padding: 20px;
}
.container .stayupdated h2{
    font-size: 26px !important;
}
    
    .swap_column {
   flex-direction: column !important;
        display: flex;
  }

  .swap_column .wpb_column1  {
    order: 2; /* Column 1 goes below */
  }

  .swap_column .wpb_column2  {
    order: 1; /* Column 2 comes on top */
  }
    

  .vc_row.wpb_row.vc_inner .tally_addon_service_col .vc_column-inner {
    padding: 0px !important;
    margin-bottom: 20px;
  }

  .tally_addon_service_list {
    margin-left: 15% !important;
  }

  .about_inner_section {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .call_cta_anchor {
    font-size: 20px;
    margin-top: 0 !important;
  }

  .vc_column-inner.vc_custom_1761042918932 {
    padding: 20px !important;
  }

  .upper-footer {
    background-image: none;
  }

  p.custom_copyright {
    line-height: 150%;
    text-align: center;
  }

  ul#menu-lower-footer {
    display: inline-block;
    float: inherit;
    padding: 0;
  }

  ul#menu-lower-footer li {
    list-style: none;
  }

  .footer-widget-area {
    padding: 0;
  }

  .footer_widget p.description {
    font-size: 16px;
  }

  .upper-footer .footer_widget p {
    margin-bottom: 0;
  }

  .fixed-ctas.cta_visible .cta {
    writing-mode: horizontal-tb;
    transform: none;

    height: 40px;
    padding: 0 12px;
  }

  .fixed-ctas.cta_visible a {
    border-radius: 0px !important;
    flex-direction: row;
    top: auto;
    width: 50%;
  }

  .fixed-ctas.cta_visible {
    display: flex !important;
    flex-direction: row;
    width: 100%;
    bottom: 0;
  }


  .form_section .vc_col-sm-8,
  .form_section .vc_col-sm-4 {
    width: 100% !important;
  }

  .service-btn {
    width: 40%;
    padding: 10px;
    font-size: 12px;
  }

  .service-icon img {
    padding-right: 10px;
  }

  .service-content h3.service-title {
    font-size: 20px;
  }

  .service-desc {
    font-size: 13px;
    line-height: 1.6;
  }

  .service-accordion {
    flex-direction: column;
  }

  .service-accordion .wpb_column {
    flex: 1 !important;
  }

  .service-box {
    height: 350px;
    margin-bottom: 5px;
  }

  .service-side-title {
    display: block;
  }


  .service-inner {
    opacity: 1;
    transform: none;
    display: block;
  }

  .service-content {
    width: auto;
    padding-right: 5px;
  }

  .service-accordion:hover .wpb_column:not(:hover) .service-side-title {
    left: 10%;
  }
}


/* Convert 8/4 layout to 7/5 inside this row */
@media (min-width: 768px) {
        .service_icon {
        width: 30% !important;
    }
    .service_text  {
        width: 70% !important;
    }
  .fixed-ctas.cta_visible {
    display: block !important;
  }

  .form_section .vc_col-sm-8 {
    width: 58.3333% !important;
    /* 7/12 */
  }

  .form_section .vc_col-sm-4 {
    width: 41.6667% !important;
    /* 5/12 */
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .service-side-title {
    font-size: 12px;
    line-height: 140%;
  }

  .service-inner {
    display: block;
  }

  .service-btn {
    width: 55%;
  }

  .service-content {
    width: auto;
  }

  .service-accordion:hover .wpb_column:not(:hover) .service-side-title {
    left: 40%;
  }
}

@media (max-width: 959px) {
    
  #main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu {
           width: 95% !important;
        left: 12px !important;
    }
    #main-menu .navbar-nav .dropdown-menu {
    min-width: 95% !important;
}
    .vertical_solution_box p {
    padding: 0 10px;
}
    .container h1 {
                font-size: 30px !important;
    }
  .vc_tta.vc_general.custom_faq_section .vc_tta-panel {

    padding-bottom: 15px;
  }

  .wpb-js-composer .custom_faq_section.vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
    border-radius: 20px !important;
  }

  .form_section.vc_row-has-padding-bottom {
    padding-bottom: 40px !important;
  }

  .form_section.vc_row-has-padding-top {
    padding-top: 10px !important;
  }

  .form_section.vc_row.vc_row-has-fill {
    margin-bottom: 30px !important;
  }

  .cta_text {
    gap: 5px;
  }

  #why-choose-section h2.vc_custom_heading {
    padding: 15px;
  }

  .about_stats.vc_row.wpb_row.vc_inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0 !important;
  }

  .about_inner_section .wpb_wrapper {
    margin: 10px 0 0 0;
  }

  .about_inner_section h4.vc_custom_heading {
    font-size: 16px !important;
  }

  .about_inner_section h5.vc_custom_heading {
    font-size: 36px !important;
  }

  .vc_row.wpb_row.vc_inner .about_inner_section .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .logo_slider {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .service-list-row.vc_row-has-padding-bottom {
    padding-bottom: 0px !important;
  }

  .service-list-row.vc_row-has-padding-top {
    padding-top: 0px !important;
  }

  .service-accordion.vc_row-has-padding-top {
    padding-top: 0px !important;
  }

  /*.service_section.vc_row-has-padding-bottom {*/
  /*    padding-bottom: 0px !important;*/
  /*}*/
	
.vc_section.swo {
    padding: 50px 15px !important;
}
.swo .vc_row.wpb_row.vc_inner {
    padding: 0 20px !important;
}
.swo .wpb_wrapper.first-wpb-wrapper {
    padding: 15px;
    margin-bottom: 1rem;
}
#single-page .swo  p {
    margin-bottom: 0;
}
.swo .vc_row.wpb_row.vc_inner .vc_column-inner {
    padding: 15px 0 !important;
}
.container .swo  .vc_row-has-padding-top {
    padding-top: 0 !important;
}

.pd .vertical_solution_box {
    padding: 5px !important;
}
.vc_row.wpb_row.vc_inner.pd {
    padding: 0 !important;
}
.container h2.block-title {
    font-size: 27px !important;
    padding: 0 10px;
}	
	.form_section .stayupdated .vc_column-inner, .top_service_form .stayupdated .vc_column-inner{
		padding:0px !important;
	}
	.about_section .wpb_single_image img {
    margin-top: 1rem;
}
	.slick-list.draggable {
    margin-bottom: 1rem;
}
		.vc_row.vc_row-fluid.top_service_form{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.step-card.active{
		margin-bottom:2rem;
		padding: 20px;
	}
	
	.step-card.active .step-content{
		top: 75%;
}
	.step-card.active .step-title{
	    width: 30%;
	}
	.container .step-card.active .step-title .wpb_wrapper p{
		font-size:18px !important;
	}
	
	.vc_row.wpb_row.vc_inner.steps-section{
		padding-left:0 !important;
		padding-right:0 !important;
		overflow: visible;
	}
	#single-page .container .vc_row-has-padding-bottom{
		padding-bottom:20px !important;
	}
	.step-card.active .step-title{
		    top: 50%;
	}
}

@media (min-width: 768px) and (max-width: 1270px) {
  .vertical_solution_box h4.vc_custom_heading {

    font-size: 14px !important;
  }
}
@media (max-width: 1024px) {
    .logictech-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1270px) {
  .container {
    width: 94%;
    padding: 0 15px !important;
  }
}


/* Approx. 1920x1080 @ 150% scaling (1280px effective width) */
@media only screen and (max-width: 1280px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1280px) and (min-device-pixel-ratio: 1.5) {

  /* Your CSS here */

/*.hover-image img {*/
/*    max-width: 62% !important;*/
/*}*/


.container .logictech-blog-grid h3.logictech-title {
    font-size: 18px !important;
            margin-bottom: 0px;
}


.container .step-number p {
    font-size: 36px !important;
   
}

.container .step-title p{
           font-size: 12px !important;
        line-height: 110% !important;
    
}
.container .step-card.active .step-content p, .container .step-card:hover .step-content p {
    font-size: 12px !important;
  
    line-height: 140% !important;
}


.container .step-card.active .step-title p, .container .step-card:hover .step-title p {
    font-size: 20px !important;
    color: #000;
    line-height:110% !important;
   
}

  .container h2 {
    padding-bottom: 8px !important;
    font-size: 32px !important;
    line-height: 42px !important;
  }

  .container p {
    font-size: 12px !important;
    line-height: 170% !important;
  }

  .container h3 {
    font-family: 'Inter';
    font-size: 12px !important;
    padding: 8px 20px !important;
  }

  .fixed-ctas .cta {

    width: 40px;
    height: 115px;
    font-size: 14px;
  }
    .container p.ss-subheading {
        font-size: 13px !important;
    }
  .custom_cta_btn {
    padding-top: 20px !important;
  }

  .custom_cta_btn button {

    font-size: 14px !important;
    padding: 12px 28px !important;
  }

  .vc_row.wpb_row[data-vc-full-width="true"] {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .about_section h2 {

    margin-bottom: 10px !important;

  }

  .about_section p {

    margin-bottom: 10px !important;

  }

  .about_stats {

    padding-top: 15px !important;

  }

  .about_inner_section .wpb_wrapper {

    margin: 0 !important;

  }

  .about_inner_section .vc_column-inner {

    padding: 15px 0 !important;

  }

  .about_inner_section h4.vc_custom_heading {

    margin-bottom: 0 !important;

    font-size: 12px !important;

  }

  .vertical_solution_box .wpb_single_image img {
    height: 50px;
    width: 50px;
  }

  .vertical_solution_box .vc_column-inner {
    padding: 30px;
    padding-bottom: 10px !important;
  }

  .service-side-title {
    font-size: 16px;
    line-height: 130%;
  }

  .service-side-title img {
    padding-bottom: 20px;
    width: 50px;
  }

  .service-icon img {
    width: 70px;
  }

  .service-content h3.service-title {
    font-size: 17px !important;
    padding-left: 0px !important;
  }

  .form_section {
    padding: 50px !important;
  }

  .cta_text img {
    width: 80px;
  }

  .call_cta_anchor {
    font-size: 36px;
    margin-top: 18px !important;
  }

  .cta_text {
    gap: 15px;
  }

  .stayupdated .vc_column-inner {
    padding: 30px !important;
  }

  .container .stayupdated h2 {
    font-size: 28px !important;
    line-height: 40px !important;
  }

  .container .stayupdated h3 {
    font-size: 18px !important;
    padding: 8px 20px 8px 0 !important;
    margin-bottom: 5px;
  }

  .free-quote input,
  .free-quote textarea {
    margin-bottom: 18px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
  }

  .free-quote input {

    height: 40px !important;
  }

  .submit_btn {
    font-size: 12px !important;
  }

  h4.wppsac-post-title.text-left {
    padding: 10px 0;
    font-size: 18px !important;
  }

  .vc_row.wpb_row.accordion_row[data-vc-full-width="true"] {
    padding-top: 0px !important;
  }

  .custom_faq_section .vc_tta-panel-heading a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 16px !important;
  }

  .custom_faq_section.vc_tta.vc_general .vc_tta-panel-body {
    padding: 0px 20px;
  }

  .footer_widget h6.section-heading,
  .widget h6.section-heading {
    font-size: 15px;
    font-weight: bold;
  }

  .footer-widget-area ul.link-list li {
    font-size: 11px;
    line-height: 225%;
  }

  .container p.custom_copyright,
  ul#menu-lower-footer li a {
    font-size: 11px !important;
  }

  ul#menu-lower-footer li {
    margin: 0 15px;
  }

  .lower-footer {
    padding: 20px 0 10px 0;
  }

  .about_section ul li {
    line-height: 170%;
    font-size: 14px;
  }

  .container h1 {
    font-size: 38px !important;
    line-height: 120%;
  }

  .custom_cta_btn.vc_custom_1761281979044 {
    padding-top: 10px !important;
  }

  a.readmore-toggle {
    padding: 12px 28px !important;
    font-size: 14px;
  }
  .max_width_300 img {
    max-width: 300px !important;width:100%;
}
.medium_img img {
    max-width: 470px !important;
    width:100%;
}
.custom_breadcrumbs.vc_row.wpb_row[data-vc-full-width="true"] {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
}  
 .top_service_form.vc_custom_1761824656944 {
    padding-left: 60px !important;
    padding-right: 60px !important;
} 
.service_text h5 {
    font-size: 18px !important;
}
.service_text p {
    font-size: 10px !important;
} 
	h2.block-title{
		 font-size: 27px !important;
	}
	.pd .vertical_solution_box .vc_column-inner {
    padding: 15px !important;
}
		.container h2.block-title{
	font-size: 24px !important;
		line-height: 30px !important;
	}
	.wpcf7-form textarea {
    font-size: inherit !important;
}
	.block-price {
		font-size: 32px;}
	
	.vc_row-fluid.top_service_form{
		padding-left:50px !important;
		padding-right:50px !important;
	}
	#single-page .wpb_single_image img{
		height:auto;
	}
	.step-card.active{
		flex:2.4;
	}

}


/*Karan CSs Start - Get from customize*/
@media (min-width: 1280px) and (max-width: 1536px) {
.navbar.navbar-default.full-width .container {
    padding: 0 10px !important;
}
	.vc_row.wpb_row.hgr[data-vc-full-width="true"] {
    padding-bottom: 0 !important;
}
	.service-box{
		height:450px;
	}
body .navbar-default .nav li a{
    font-size: 12px !important;
}
a.pp, a.bb, a.tp{
    font-size: 12px !important;
	padding: 10px 25px !important;
}
.logged-in #main-menu .navbar-nav a, #main-menu .navbar-nav .menu-item a {
    padding: 25px 10px;
}
.ss-card-inner{
		padding: 13px !important;
	}
.about_inner_section {
    padding: 0 10px !important;
}
.about_inner_section h5.vc_custom_heading {
    font-size: 34px !important;
}
.vc_row .pd {
    padding: 0 !important;
}
.vc_row .pd .vertical_solution_box {
    padding: 0 10px !important;
}
.vc_row .pd h4 {
    font-size: 16px !important;
}
.vc_row.service-list-row {
    padding: 10px !important;
}
.vc_row.service-list-row h4 {
    font-size: 14px !important;
}
.tally_addon_service_col .wpb_wrapper {
    padding: 15px;
}
.service-desc {
    font-size: 12px;
}
.service-btn {
    padding: 8px 14px;
}
h4.wppsac-post-title.text-left{
		font-size: 20px;
	}
.ss-service-card {
    margin-right: 25px !important;
}
.contact-info span {
    font-size: 13px !important;
}
	.location-card__address {
    font-size: 12px;
    padding: 0px 10px;
}
	.location-card{
		padding: 20px;
		margin:0;
	}
		.vc_row.wpb_row.mp[data-vc-full-width="true"] {
    padding: 0 !important;
}
		#single-page .wc .wpb_single_image img {
    height: auto !important;
}
	.step-card {
    height: 311px;
}
	.team-slider.slick-slide:hover .contact-content a {
    top: 40%;
    left: 25%;
}
	.about_section span.kd_number_string {
    font-size: 34px;
}
.about_section .kd_counter_units {
    font-size: 34px;
}
	.step-card.active .step-content p {
    font-size: 12px;
}
.step-card.active .step-title p {
    font-size: 20px;
}
			.feature-module {
    height: 360px;
}
}
@media (min-width: 1280px) and (max-width: 1500px) {
	.team-slider.slick-slide:hover .contact-content a {
    top: 40%;
    left: 37%;
}
	.team-slider.slick-slide:hover .contact-content {
    width: 264px;}
		.feature-module {
    height: 315px;
}
	h2.module-heading {
    font-size: 22px !important;
    line-height: normal !important;
    margin-top: 1rem;
    margin-bottom: 0;
}
	.vc_row.sw {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.neww .swiper-button-prev {
    left: 45% !important;
}
	.neww .swiper-button-next {
    right: 45% !important;
}
	}
@media (min-width: 1501px) and (max-width: 1746px) {
	.team-slider.slick-slide:hover .contact-content a {
    top: 40%;
    left: 40%;
}
	.team-slider.slick-slide:hover .contact-content {
    width: 323px;}
	}
@media only screen and (max-width: 768px) {
    .logictech-blog-grid {
        grid-template-columns: 1fr;
    }
.navbar.navbar-default.full-width .container{
	padding: 5px 10px !important;
}
ul.redux-social-media-list.clearfix a {
        padding: 5px;
        height: 35px;
        width: 35px;
        margin-top: 5px;
}
.tb-default-design .topbar-left-content {
    border: none;
}
.tb-default-design .topbar-right-content {
    border: none;
}
.swiper-slide:hover .ss-card-inner {
    transform: none !important;
}
.swiper-pointer-events {
    padding: 0 !important;
}
#SR7_1_1 .ares.sr7-bullets {
    display: none;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.hdr .vc_column-inner {
    padding: 0 !important;
}
#why-choose-section .slider-wrapper {
    padding: 0;
}
.vertical_solution_box h4.vc_custom_heading {
    padding: 0 15px;
}
.vc_row.service_section.hgr {
    padding-bottom: 0 !important;
}
.form_section.vc_row.vc_row-has-fill {
        margin: 30px 0 !important;
    }
h4.wppsac-post-title.text-left{
		font-size:18px;
	}
.vc_row.hgr {
    padding-bottom: 0 !important;
}
.wppsac-post-carousel .slick-dots li button {
    background: #E5E1CE !important;
    border: none;
}
.wppsac-post-carousel .slick-dots li.slick-active button {
    background: #2F277B !important;
}
.hdr .swiper-slide:hover .ss-card-inner {
    box-shadow: none;
}
.upper-footer .textwidget .foot i {
    display: block;
}
.footer_widget .foot ul.redux-social-media-list {
    display: flex;
}
.footer_widget .foot ul.redux-social-media-list li {
    width: auto;
}
.foot ul.redux-social-media-list.clearfix a {padding-top: 0;}
#SR7_1_1 .hesperiden.sr7-arrows{
    display:none !important;
}
#SR7_1_1 .ares.sr7-bullets{
		 top: 45px !important;
	}
#SR7_1_1 .ares .sr7-bullet {
    width: 8px !important;
    height: 8px !important;
}
.footer_widget p.description {
    font-size: 15px;
}
.contact-info span {
    font-size: 15px;
}
.vc_tta.vc_general.custom_faq_section .vc_tta-panel {
        padding-bottom: 0 !important;
        margin-bottom: 20px;
    }
	ul#menu-header .menu-item:hover {
    background: none;
    border: none;
}
		.location-card__address {
    padding: 0;
}
	.location-card{
		padding: 20px;
		margin:0;
	}
	.location-card__company{
		line-height: normal;
	}
	.location-card__city{
		line-height: normal;
	}
	.location-card__divider{
		display: none;
	}
			.vc_row.wpb_row.mp[data-vc-full-width="true"] {
    padding: 0 !important;
}
	#single-page .wc .wpb_single_image img {
    height: auto !important;
}
		.team-slider.slick-slide:hover .contact-content a {
    top: 41%;
    left: 39%;
}
	.team-slider.slick-slide:hover .contact-content {
    width: 285px;}
	
	.about_section span.kd_number_string {
    font-size: 36px;
}
.about_section .kd_counter_units {
    font-size: 36px;
}
	.container h2.module-heading {
    font-size: 22px !important;
    margin-top: 1rem;
    margin-bottom: 0;
}
.vc_row.wpb_row.vc_inner .vc_column-inner {
    padding: 0 !important;
}
.vc_row.sw {
    padding: 0 !important;
}
	.feature-module {
    height: 330px;
}
}


/*Karan CSs End - Get from customize*/