@media (min-width: 1800px) {}

@media (min-width: 1400px) {
    .our_process .container{
        max-width: 1170px !important;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1350px !important;
    }
}

@media (max-width: 1200px) {
	.steps-div{
		width:100%;
	}
    .content_process h5{
        color: #ec6567;
        font-family: 'santoshi bold';
        font-size: 16px;
        text-transform: capitalize;
    }
    .content_process p{
        color: #364d77;
        font-family: 'santoshi regular';
        font-size: 14px;
        text-transform: capitalize;
    }
    .process_circle h3 br{
       display: none; 
    }
    
    .process_circle h3{
        color: #1b3564;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 900;
        /* white-space: pre; */
    }
    .process_circle p br {
        display: none;
    }
    .process_circle p {
        color: #eb2e2e;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 14px;
        /* white-space: pre; */
    }
    .item_child_div .bg_image{
        display: none;
    }
   
    .process_item{
        margin: 40px 0px;
    }
    .item_child_div{
        padding-bottom: 20px;
    }
    
}

@media screen and (max-width: 1370px) {
	.vc_column-inner {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}

@media screen and (min-width: 992px) {
	#ecommerce-plans .pkg_feature ul{
		height:auto !important;
	}
	
}
@media screen and (max-width: 1200px) {
	.blogs_section .cat-container .col-12{
		padding:0px;
	}
}
@media screen and (min-width: 768px and max-width: 992px) {
	.blogs_section .cat-container{
		padding:0px;
	}
	
	
}
@media screen and (max-width: 991.5px) {
	.main_banner .float-end{
		float:none!important;
	}
	.main_banner .image_container .right_image{
		text-align:center;
	}
	.cstm_wid_lgo_ser_img .left_image_container img{
		width:400px;

	}
	.cstm_wid_lgo_ser_img .right_image_container img{
		width:400px;
	}
	.website-design-overview .right_image_container{
		text-align:center;
	}
	.steps-div{
		border-radius:50px;
	}
	.main_banner .img-fluid{
		width:80%;
	}
	.main_banner .image_container{
		text-align:center;
	}
	.main_banner{
		height:auto;
	}
	.blogs_section .cat-container{
		padding:0px;
		margin-bottom:20px;
	}
    .faqs_items::before {
        content: none !important;
    }

    .need_help::after {
		position: absolute;
		content: '';
		height: 100%;
		width: 1000px;
		background-color: #f4f6f8;
		top: 0;
		bottom: 0;
		left: 100%;
    }
    
    .faq_content::after {
		position: absolute;
		content: '';
		height: 100%;
		width: 1000px;
		background-color: #e1e6ee;
		top: 0;
		bottom: 0;
		right: 100%;
		z-index: -2;
    }
    
}

@media screen and (max-width: 768px) {
	.sec_heading h2 span{
/* 	text-align:center; */
	}
	.sec_heading h2{
/* 		text-align:center; */
	}
	.sec_heading h2::before{
		height: 35px !important;
    	width: 35px !important;
		transform:translate(0, -5px) !important;
	}
	.swiper-button-next, .swiper-button-prev{
		display:none !important;
	}
	.button_div{
		margin-bottom:10px;
	}
	.steps-div .circle{
		width:100px;
		height:100px;
		margin-top:10px;
	}
	.steps-div:nth-child(odd) .circle{
		margin:10px 0px 0px 0px;
	}
	.steps-div{
		flex-direction: column;
		border-radius:20px;
	}
	.steps-div:nth-child(odd) .step-txt {

		margin-bottom: 5px;
		text-align: center;
		padding: 10px 20px;
	}
	.steps-div .step-title{
		text-align:center;
		margin:0px;
	}
	.steps-div:nth-child(even) {

		flex-direction: column;
		text-align: center;
		margin-bottom: 50px;
	}
	.steps-div:nth-child(even) .step-txt {

		padding: 10px 20px;
		margin-bottom: 5px;
	}
	.steps-div:nth-child(even) .circle{
		margin:10px 0px 0px 0px;
	}

	.blogs_section .cat-container .col-12{
		padding:10px;
	}
	.blogs_section .row-reverse{
		flex-direction:column-reverse;
	}
    .included_services_sec{
        background: none !important;
    }
    .main_banner .right_image{
        padding-bottom: 40px;
    }
    li.nav-item a {
        padding: 10px 10px !important;
    }

    .sec_heading {
        padding-left: 20px;
    }

    .exp_item {
        padding-bottom: 25px !important;
    }

    .menu_list::before {
        margin: 0 auto;
    }

    .social_icons {
        justify-content: center;
    }

    .footer_logo {
        text-align: center;
    }

    .logo_social {
        margin-bottom: 30px;
    }

    .menu_list {
        text-align: center;
    }

    .banner_content {
        text-align: center;
    }

    .main_sub_heading {
        text-transform: uppercase;
        color: #db2b2e;
        font-size: 40px;
        font-family: 'santoshi bold';
    }

    .main_heading {
        text-transform: uppercase;
        color: color: rgb(27, 53, 100);
        font-size: 30px;
        font-family: 'santoshi regular';
    }
    .contact_deets a{
        font-size: 16px;
    }

    .contact_deets{
        padding: 20px 10px;
    }

    .chat_box{
        display: none;
    }
    .location_info{
        padding: 30px 10px;
        text-align: center;
    }
    :is(.right_image_container, .left_image_container) .img-fluid {
        padding-bottom: 40px;
    }
	.blue-clr{
		margin-top:20px;
	}
	.quote-btn-div .quote_btn{
		padding:10px 20px;
	}
	.quote-btn-div{
		text-align:center;
	}
	
	.vc_row {
		margin-left:  0px!important;
		margin-right:  0px!important;
	}
	
	.basic_infr_sec .container{
		max-width:100%;
	}
	.swiper-button-next{
	right:-20px!important;
	}

	.swiper-button-prev{
		left:-20px!important;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		display:none;
	}

}
@media screen and (max-width: 576px) {
	footer .footer_logo img {
		width: 150px;
	}
	.two-steps-section .step-desc .title{
		font-size:20px;
	}
	.two-steps-section .step-desc .text{
		font-size:16px;
	}
.our_services .slick-next{
		display:none !important;
	}
	.our_services .slick-prev{
		display:none !important;
	}
	
}

@media screen and (max-width: 370px) {
	.top-bar .social_icons .icons{
		margin:0px;
	}
	.top-bar .call-btn-top{
		font-size:12px;
	}
	.makes_us_different .sec_heading h2::before{
		display:none;
	}
}


@media screen and (min-width:768px) {
	.menu_list #menu-web-menu{
		column-count:2;
	}
}
@media screen and (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1170px;
    }
    
/*     .expertise_list .exp_item:nth-child(2) {
        padding-left: 20px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 28%);
    }

    .expertise_list .exp_item:nth-child(5) {
        padding-left: 90px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 53%);
    }

    .expertise_list .exp_item:nth-child(7) {
        padding-left: 75px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 75%);
    }

    .expertise_list .exp_item:nth-child(1) {
        left: calc(50% - 25%);
    }

    .expertise_list .exp_item:nth-child(3) {
        left: calc(50% - 16%);
    }

    .expertise_list .exp_item:nth-child(4) {
        left: calc(50% - 12%);
    }

    .expertise_list .exp_item:nth-child(6) {
        left: calc(50% - 12%);
    }

    .expertise_list .exp_item:nth-child(8) {
        left: calc(50% - 16%);
    }

    .expertise_list .exp_item:nth-child(9) {
        left: calc(50% - 25%);
    }
 */

    /* CIRCLE CSS */

    .process_circle{
        position: relative;
    }
    .process_circle .heading {
        background-color: #fff;
        display: inline-block;
        padding: 33px;
        border-radius: 50%;
        filter: drop-shadow(0px 12px 8px #ccc);
    }
    .process_circle h3{
        color: #1b3564;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 900;
        /* white-space: pre; */
    }
    .process_circle p {
        color: #eb2e2e;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 14px;
        /* white-space: pre; */
    }
    .process_circle:after{
        content: url('/wp-content/themes/digitalbti/assets/dist/css/../../images/Line.svg');
        position: absolute;
        width: 28%;
        height: 82%;
        left: 36%;
        bottom: -25%;
        transform: translate(0%, 0%);
    }
    .process_strategies .image {
        position: relative;
    }
    .item .icon{
        position: absolute;
        width: 40px;
    }
    .item_child_div {
        position: relative;
    }
    
    .main_div_circle{
        position: relative;
        /* display: inline-block; */
    }
    .process_item {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .content_process{
        position: absolute;
    }
    .content_process h5{
        color: #ec6567;
        font-family: 'santoshi bold';
        font-size: 16px;
        text-transform: capitalize;
    }
    .content_process p{
        color: #364d77;
        font-family: 'santoshi regular';
        font-size: 14px;
        text-transform: capitalize;
    }
    .process_item:nth-child(1) {
        bottom: -62px;
        left: 235px;
    }
    .process_item:nth-child(1) .content_process {
        bottom: 5px;
        right: 165px;
        width: 160%;
        text-align: right;
    }
    .process_item:nth-child(1) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(1) .icon {
        position: absolute;
        width: 50px;
        top: 35%;
        left: 56%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(2) {
        bottom: -196px;
        left: 292px;
    }
    .process_item:nth-child(2) .content_process {
        bottom: 0px;
        right: 145px;
        width: 160%;
        text-align: right;
    }
    .process_item:nth-child(2) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(2) .icon {
        position: absolute;
        width: 50px;
        top: 37%;
        left: 60%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(2) .bg_image{
        width: 200px;
    }
    .process_item:nth-child(3) {
        bottom: -236px;
        left: 475px;
    }
    .process_item:nth-child(3) .content_process {
        bottom: -55px;
        right: -55px;
        width: 160%;
        text-align: center;
    }
    .process_item:nth-child(3) .icon {
        position: absolute;
        width: 50px;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(3) .bg_image{
        width: 200px;
    }
    .process_item:nth-child(4) {
        bottom: -195px;
        right: 285px;
    }
    .process_item:nth-child(4) .content_process {
        bottom: -5px;
        right: -265px;
        width: 160%;
        text-align: left;
    }
    .process_item:nth-child(4) .icon {
        position: absolute;
        width: 50px;
        top: 40%;
        left: 40%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(4) .bg_image{
        width: 200px;
    }
    
    .process_item:nth-child(5) {
        bottom: -55px;
        right: 227px;
    }
    .process_item:nth-child(5) .content_process {
        bottom: 5px;
        left: 165px;
        width: 160%;
        text-align: left;
    }
    .process_item:nth-child(5) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(5) .icon {
        position: absolute;
        width: 50px;
        top: 33%;
        left: 45%;
        transform: translate(-50%, -50%);
    }
}