/* Responsiveness for hello-child website */

@media only screen and (min-width : 1481px) and (max-width : 1680px) {
	.icon-thrive-img {
		width: 100px !important;
		height: 100px !important;
	}
	.icon-thrive-img img{
		width: 30px !important;
		height: 30px !important;
		object-fit: contain !important;
	}
	.icon-thrive-mail img {
		max-height: 30px;
	}
	.hero-slider .elementor-swiper-button-prev{
		top: 80% !important;
	}
	.hero-slider .elementor-swiper-button-next{
		top: 80% !important;
	}
	.hero-slider .swiper-slide-inner .elementor-slide-description {
		width: 800px !important;
	}
}
@media screen and  (max-width: 1480px) {
	.icon-thrive-img {
		width: 85px !important;
		height: 85px !important;
	}
	.icon-thrive-img img{
		width: 30px !important;
		height: 30px !important;
		object-fit: contain !important;
	}
	.icon-thrive-mail img {
		max-height: 30px;
	}
	.hero-slider .swiper-slide-inner .elementor-slide-description {
		width: 800px !important;
	}
	.hero-slider .elementor-swiper-button-next {
		top: 80% !important;
		right: 48% !important; 
	}
	.hero-slider .elementor-swiper-button-prev {
		top: 80% !important;
		left: 48% !important; 
	}
}
@media screen (min-width: 1360px) and  (max-width: 1366px){
	.hero-slider .elementor-swiper-button-next {
		top: 85% !important;
	}
	.hero-slider .elementor-swiper-button-prev {
		top: 85% !important;
	}
}
@media screen and  (max-width: 1024px) {
		/* 3 col boxes */
	div#threecols-icon-row .e-con-inner{
		display: grid !important;
		grid-template-columns: 1fr 1fr !important; 
	}	
	#threecols-icon-row .icon-box-3 {
		width: 100% !important;
	}
	/*Slider  nav */
	.hero-slider .elementor-swiper-button-prev {
    left: 45% !important;
    top: 65% !important;
	}
	.hero-slider .swiper-slide-inner .elementor-button {
		margin-top: 0px !important;
		font-size: 18px !important;
		line-height: 18px !important;
		padding: 15px 40px !important;
	}
	.hero-slider .elementor-swiper-button-next {
		right: 45% !important;
		top:65% !important;
	}
	
	/*Slider  nav */
}
@media screen and  (max-width: 991px) {
	.rotate-box:after {
		width: 180px;
		height: 180px
	}
	#page-from .elementor-form-fields-wrapper{
		display: flex !important;
	}
	.hero-slider .elementor-swiper-button-prev {
    left: 45% !important;
    top: 68% !important;
	}
	
	.hero-slider .elementor-swiper-button-next {
		right: 45% !important;
		top:68% !important;
	}
	.hero-slider .swiper-slide-inner .elementor-slide-description{
		width: 90% !important;
	}
}
@media (min-width: 768px) and (max-width: 768px) {
	.rotate-box:after {
		width: 170px;
		height: 170px;
	}
	.hero-slider .elementor-swiper-button-prev,
	.hero-slider .elementor-swiper-button-next{
		top: 70% !important;
	}
}
@media screen and  (max-width: 767px) {
	/* Hero Slider	 */
	.hero-slider .swiper-slide-inner .elementor-button {
		margin-top: 20px !important;
	}
	.hero-slider .elementor-swiper-button-prev,
	.hero-slider .elementor-swiper-button-next{
		top: 85% !important;
	}
	.hero-slider .elementor-swiper-button-prev{
		left: 40% !important;
	}
	.hero-slider .elementor-swiper-button-next{
		right: 40% !important;
	}
	.rotate-box {
		height: 250px !important
	}
	div#threecols-icon-row .e-con-inner{
		display: grid !important;
		grid-template-columns: 1fr !important; 
	}	
}
@media screen and  (max-width: 600px) {
	
}
@media screen and (max-width : 375px){
	.hero-slider .swiper-slide-inner .elementor-button{
		margin-top: 0px !important;
	}
	.hero-slider .elementor-swiper-button-prev,
	.hero-slider .elementor-swiper-button-next{
		top: 93% !important;
	}
	.hero-slider .elementor-swiper-button-prev{
		left: 40% !important;
	}
	.hero-slider .elementor-swiper-button-next{
		right: 40% !important;
	}
}