/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */
@media screen and (min-width: 767px) {
	section#second-section .elementor-row {
		flex-direction: column-reverse;
	}
}

@media screen and (max-width:767px) {
    .elementor-swiper-button-next {right: 0 !important;}
    .elementor-swiper-button-prev {left: 0 !important;}
    .elementor-swiper-button-prev i{color: #000;}
    .elementor-swiper-button-next  i{color: #000;}
	.blue-slider-cs .elementor-swiper-button-prev i{color: #fff;}
	.blue-slider-cs .elementor-swiper-button-next i{color: #fff;}
}
@media (min-width:768px) and (max-width:1024px) {	
    .raven-nav-menu-toggle {
        padding-right: 15px;
    }
    
}
@media (min-width:1025px) and (max-width:1199px) {	
    header .raven-site-logo img{width: 170px !important; }
    header .raven-nav-menu-main .raven-nav-menu > li > a.raven-menu-item{font-size: 15px !important ;}
    header .raven-nav-menu-horizontal .raven-nav-menu > li:not(:last-child) {margin-right: 15px !important;}
    .head-right-contact .raven-heading{font-size: 17px !important;}
    .head-right-contact .elementor-icon-list-item > a{font-size: 18px !important;}
}

section#calls-cs-forms span.elementor-message.elementor-message-danger {
    display: none !important;
}