@media screen and (max-width:567px) {

.sec-7 .sec-7-box {
	flex-direction: column;
}

.sec-7 .sec-7-box-inner {
	width: 100%;
}

.mob-header-top {
	padding: 5px 0;
}

.mob-header-top .mob-middle{
	font-size: 12px;
}

.certificate {
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

.certificate-box {
	width: 70%;
}



.services .service-card .service-card-sec::before {
	font-size: 20px;
	line-height: 1;
}





}



/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      767px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/

@media screen and (max-width:767px) {



.header {
	display: none;
}

.mob-header {
	display: block;
	width: 100%;
	z-index: 1;
}

#nav-list {
	display: none;
}

.footer {
	flex-direction: column-reverse;
}

.footer .footer-box {
	width: 100%;
	padding: 5px;
}


.footer .footer-box .footer-heading {
	font-size: 16px;
}


.footer .footer-box .footer-link {
	font-size: 14px;
}

.footer .footer-box .footer-link .footer-list{
	margin-bottom: 0px;
}

.contact-main {
	grid-template-columns: repeat(1, 1fr);
}


.about-main{
	flex-direction: column;
}

.about-main .about-box {
	width: 100%;
}


.sec-5-bottom {
	flex-direction: column;
}

.sec-5-bottom-box:nth-child(1) {
	width: 100%;
}

.sec-5-bottom-box:nth-child(2) {
	width: 100%;
}

.sec-5-bottom-box:nth-child(3) {
	width: 100%;
}


.center-box {
	height: 300px;
	width: 300px;
}



.common .service-card {
	flex-direction: column;
}

 .common .service-card:nth-child(even){
 	flex-direction: column;
 }

.common  .service-card:nth-child(even) .service-card-sec{
	width: 100%;
	height: auto;
}

.common  .service-card .service-card-sec {
	width: 100%;
	height: auto;
}

.portfolio {
	grid-template-columns: repeat(1, 1fr);
}

.portfolio .portfolio-card::after {
	font-size: 20px;
}



.top-image {
	height: auto;
}



}









/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      991px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/


@media screen and (max-width:991px) {

.header {
	display: none;
}

.mob-header {
	display: block;
	width: 100%;
	z-index: 1;
}

#nav-list {
	display: none;
}


.sec-3 {
	grid-template-columns: repeat(1, 1fr);
}


.services .service-card .service-card-sec::before {
	font-size: 50px;
	line-height: 1;
}


.customization {
	margin-bottom: 30px;
	grid-template-columns: repeat(1, 1fr);
}

.customization .customization-card {
	margin: auto;
}

.portfolio .portfolio-card::after {
	font-size: 35px;
}



}

	
	




/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      1440px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/



@media screen and (max-width:1440px) {
	

}







/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////    min 1440px   ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/

@media screen and (min-width:1440px) {



}


























/*
//////////////////////////////////////
//////////KEY FRAMES /////////////////
//////////////////////////////////////
*/



@keyframes bounce {


}