/*---media query start-----*/

@media (min-width:1401px) and (max-width:1699px){
    .e-con-inner {
        width: 1366px!important;
    }
    .main-header .elementor-nav-menu li a{
            margin: 0 20px !important;
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1500px)  {
    /*---header start-----*/
    .main-header .elementor-nav-menu li a{
            margin: 0 12px !important;
    }
    /*---header end-----*/
}

@media(max-width:1630px){
    .color-range-section .elementor-image-carousel-wrapper .elementor-swiper-button.elementor-swiper-button-prev,
    .client-section .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev{
        left: 10px;
    }
    .color-range-section .elementor-image-carousel-wrapper .elementor-swiper-button.elementor-swiper-button-next,
    .client-section .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next{
        right: 10px;
    }
}

@media(max-width:1200px){
    .main-header .header-btns a{
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .main-header .elementor-nav-menu li a{
        margin: 0 10px !important;
    }
	.main-header .header-btns a,
    .main-header .elementor-nav-menu li a {
        font-size: 15px !important;
        line-height: 25px !important;
    }
	.before-after-sec .twentytwenty-container{
		height: 350px !important;
	}
	.before-after-sec .twentytwenty-container img {
		height: 350px;
	}
}
@media(max-width:1100px){
    .main-header .header-btns a,
    .main-header .elementor-nav-menu li a {
        font-size: 14px !important;
        line-height: 24px !important;
    }
	.tab-section.color-tab .elementor-image-gallery .gallery-item img{
		height:auto;
	}
}
@media(max-width:1024px){
    .color-range-section .elementor-image-carousel-wrapper .elementor-swiper-button,
    .client-section .elementor-main-swiper .elementor-swiper-button {
        width: 40px;
        height: 40px;
    }
    .work-slider .elementor-image-carousel-wrapper{
        margin: 0 0px;
    }
    .main-header .elementor-nav-menu{
        padding: 10px 0;
    }
    .main-header .elementor-nav-menu li a {
        font-size: 16px !important;
        line-height: 26px !important;
    }
	.tab-section .gallery .gallery-item{
		padding:0 15px 15px 0 !important;
	}
	.main-footer .copyright-line p a {
		font-size: 16px;
	}
	.tab-section .gallery .gallery-item figcaption span {
    	font-size: 16px;
		line-height: 26px;
	}

    
}
@media(max-width:767px){
    /*---header start-----*/
    .main-header .header-btns{
        z-index: 99 !important;
        position: fixed;
        bottom: 0;
        padding: 10px;
        left: 0;
        background: #fff;
        box-shadow: 0px 4px 34px #00000020;
    }
    .main-header .header-btns .elementor-widget-button,
    .main-header .header-btns .elementor-button{
        width:100%;
    }
    /*---header end-----*/

    .elementor-form .elementor-field-group{
        padding: 0 !important;
    }
	.before-after-sec .twentytwenty-container{
		height: 250px !important;
	}
	.before-after-sec .twentytwenty-container img {
		height: 250px;
	}
	
}