/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
/*	animation image*/
	.box {
	    width: 290px;
	    height: 290px;
	}
	.box::before {
	    inset: -10px 90px;
	}
	.text_aimate {
	    font-size: 20px !important;
	}
	.img_center{
		display: none;
	}
	.title {
    	font-size: 16px;
   	}
	.sub_title {
    	font-size: 20px;
    }
    .ss_title {
    	font-size: 14px;
    }
    .margin_sm{
    	padding-top: 50px;
    }
    .c_title{
    	font-size: 25px;
    }
    .s_project {
    	padding: 10px;
    }
    .arrow_icon i {
	    font-size: 30px;
	}
	.exp_card {
    	padding: 5px;
   	}
   	.ex_text{
   		text-align: center;
   		padding: 4px;
   	}
   	.ex_text h2 {
	    font-size: 16px;
	}
	.ex_text p {
	    font-size: 14px;
	}
	.extra_heading {
        font-size: 14px !important;
    }
    .e_img {
	    border-right: none;
	}
	.e_img img {
	    width: 80px;
	    height: 80px;
	}
	.extra_btn{
    	padding: 3px 5px !important;
    }
    .contact_details{
    	padding-top: 20px;
    }
    .hero ul li {
	    width: 33px;
	    height: 33px;
	}
	.hero ul li a {
	    font-size: 20px;
	}
	.s_speacial img {
	    width: 40px;
	}
/*	testimonial*/
	.slick-prev {
	    left: -12px;
	}
	.slick-next {
	    right: -12px;
	}
	/*    header*/
	.header{
		border-radius: 0 0 15px 15px;
	}
	footer{
		border-radius: 15px 15px 0px 0px ;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	/*	animation image*/
	.box {
	    width: 300px;
	    height: 300px;
	}
	.box::before {
	    inset: -10px 100px;
	}
	.img_center{
		display: none;
	}
	.title {
    	font-size: 25px;
   	}
	.sub_title {
    	font-size: 20px;
    }
    .ss_title {
    	font-size: 16px;
    }
    .margin_sm{
    	padding-top: 50px;
    }
    .c_title{
    	font-size: 25px;
    }
    .s_project {
    	padding: 10px;
    }
    .arrow_icon i {
	    font-size: 30px;
	}
	.exp_card {
    	padding: 10px;
   	}
   	.ex_text h2 {
	    font-size: 20px;
	}
	.ex_text p {
	    font-size: 18px;
	}
	.extra_heading {
        font-size: 16px !important;
    }
    .contact_details{
    	padding-top: 30px;
    }
/*    testimonial*/
    .s_testimonial h2 {
	    font-size: 20px;
	}
	.s_testimonial p {
	    font-size: 15px;
	    line-height: 20px;
	}
	/*    header*/
	.header{
		border-radius: 0 0 15px 15px;
	}
	footer{
		border-radius: 15px 15px 0px 0px ;
	}

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	/*	animation image*/
	.box {
	    width: 250px;
	    height: 250px;
	}
	.box::before {
	    inset: -10px 80px;
	}
	.text_aimate {
	    font-size: 20px !important;
	}
	.title {
    	font-size: 20px;
   	}
	.sub_title {
    	font-size: 20px;
    }
    .ss_title {
    	font-size: 16px;
    }
    .c_title{
    	font-size: 30px;
    }
    .ex_text h2 {
	    font-size: 20px;
	}
	.ex_text p {
	    font-size: 18px;
	}
	.extra_heading {
        font-size: 16px !important;
    }
/*    header*/
	.header{
		border-radius: 0 0 15px 15px;
	}
	footer{
		border-radius: 15px 15px 0px 0px ;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.box::before {
	    inset: -10px 80px;
	}
}

/*Extra Large devices (desktops, 992px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.text_aimate {	    font-size: 35px !important;
	}
	.box::before {
	    inset: -10px 80px;
	}
	.box {
	    width: 350px;
	    height: 350px;
	}
}

/*Extra Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
	.text_aimate {	    
		font-size: 35px !important;
	}
	.box::before {
	    inset: -10px 120px;
	}
	.box {
	    width: 400px;
	    height: 400px;
	}
}