@media(max-width: 1366px){
	
}

@media(max-width: 1200px){
}

@media(max-width: 1120px){
	
	/* Home */
	
	.home .block-1 .block-11 .head-block h2{
		font-size: 42px;
		line-height: 48px;
	}
	
	.home .block-2 .block-23 {
		display: inline-block;
		width: 2%;
	}
	
	.home .block-2 .block-21,
	.home .block-2 .block-22{
		width: 45%;
	}
	
}

@media(max-width: 1024px){
}

@media(max-width: 960px){
	

	/* Header Style */
	
	.header-block .header-block-1 .navigation-block ul.navigation li a,
	.header-block .header-block-1 .navigation-block ul.navigation li.first a,
	.header-block .header-block-1 .navigation-block ul.navigation li.last a{
		padding: 11px 14px 10px;
	}
	
	/* Home */
	
	.home .block-1 .image-block img {
		width: 120%;
		margin-left: -10%;
	}
	
	.home .block-2 .block-23 {
		display: none;
		width: 0;
	}
	
	.home .block-2 .block-21{
		width: 36%;
	}
	
	.home .block-2 .block-22{
		width: 56%;
	}

	/* Client */

	.clients .block-2 .block-21 .block{
		width: 21%;
	}
	
	/* Services */
	
	.service .block-3 .block-31{
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}

	.service .block-3 .block-31 .image-block{
		max-width: 400px;
		width: 59%;
		padding: 24px;
		border: 1px solid #f1f1f1;
	}

	.service .block-3 .block-32{
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
	
	.service .block-3 .block-32 .block-321 .head-block{
		padding-left: 24px;
	}

	.service .block-3 .block-32 .block-323 .service-list li .modal-block .modal{
		width: 80%;
		height: max-content;
		max-height: 80%;
	}

	.service .block-3 .block-32 .block-323 .service-list li .image-block{
		width: 96%;
		display: block;
		max-width: 380px;
		margin: 0 auto;
	}

	.service .block-3 .block-32 .block-323 .service-list li .content-block{
		width: 96%;
	}

	.service .block-3 .block-32 .block-323 .service-list li .content-block .block-3231 .element-block{
		width: 30%;
	}
}

@media(max-width: 840px){

	/* About US */
	.aboutus .block-4 .block{
		width: 96%;
	}

}

@media(max-width: 768px){

	/* Scroll To Top */

	.scroll-to-top{
		padding: 7px;
	}

	.scroll-to-top .icon-block{
		max-width: 20px;
	}

	.scroll-to-form{
		
	}

    /* Header */

	.header-block .header-block-0{
		padding: 0px 0 0px;
	}

	.header-block .header-block-1 {
	}

	.header-block .header-block-1 .certificate-block{
		display: none;
	}


	.header-block .header-block-1 .logo-block .divider-block {
		width: 14%;
	}

	.header-block .header-block-1 .logo-block{
		margin-bottom: 0;
	}

	.header-block .header-block-1 .logo-block a{
		max-width: 220px;
		margin: 0 auto;
	}

	.header-block .header-block-1.header-block-2 .logo-block a{
		width: 110px;
	}
	
	.header-block .header-block-2 .navigation-block{
		top: 0;
	}

	.header-block .header-block-2 .navigation-block ul.navigation li a {
		padding: 11px 24px 10px;
	}

	.header-block .header-block-2 .navigation-block ul.navigation li a p{
		font-size: 13px;
	}

	.header-block .header-block-1 .nav-button-block{
		display: block;
		bottom: 25%;
	}

	.header-block .header-block-1 .nav-button-block .icon-block i{
		font-size: 28px;
	}

	.header-block .header-block-0 .text-block-2{
		display: none;
	}

	.header-block .header-block-0 .text-block-3{
		display: block;
	}

	.header-block .header-block-0 .text-block-1 p,
	.header-block .header-block-0 .text-block-2 p,
	.header-block .header-block-0 .text-block-2 p a,
	.header-block .header-block-0 .text-block-3 p {
		font-size: 13px;
	}

	.header-block .header-block-1 .navigation-block{
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0 !important;
		margin-top: 0 !important;
		right: 0;
		z-index: 99;
		padding: 0;
		background: rgba(255, 255, 255);
	}

	.header-block .header-block-1 .navigation-block .close-button{
		display: block;
		position: absolute;
		right: 2%;
		top: 14px;
	}

	.header-block .header-block-1 .navigation-block .inner{
		position: relative;
		height: 100%;
	}

	.header-block .header-block-1 .navigation-block ul.navigation{
		position: absolute;
		width: 100%;
		height: max-content;
		top: -100%;
		right: 0;
		transform: translate(0,-50%);
		background: #ffffff;
		z-index: 100;
	}

	.header-block .header-block-1 .navigation-block ul.navigation li,
	.header-block .header-block-1 .navigation-block ul.navigation li.last{
		display: block;
		margin: 0;
	}
		
	.header-block .header-block-1 .navigation-block ul.navigation li.nav-header{
		display: block;
		margin: 0 0 14px;
	}

	.header-block .header-block-1 .navigation-block ul.navigation li.nav-header p{
		padding-top: 17px;
		padding-bottom: 17px;
		font-size: 24px;
		line-height: 30px;
		display: none;
	}
	
	.header-block .header-block-1 .navigation-block ul.navigation li a,
	.header-block .header-block-1 .navigation-block ul.navigation li.first a{
		padding: 17px 17px;
	}

	.header-block .header-block-1 .navigation-block ul.navigation li a p{
		text-align: center;
		font-size: 24px;
		line-height: 32px;
	}

	/* Main Content */

	.main-content .edge-block{
		height: 40px;
	}

	/* Home */
	
	.home .block-1 .image-block img {
		width: 130%;
		margin-left: -15%;
	}
	
	.home .block-1 .block-11 .head-block h2 {
		font-size: 36px;
		line-height: 42px;
	}

	.home .block-2 .block-21 .lSAction > a i{
		font-size: 40px !important;
	}

	.lSAction > .lSNext {
		right: 2%;
	}
	
	.lSAction > .lSPrev {
		left: 2%;
	}

	.home .block-2 .block-22 .block-223 .block-2231{
		border: 4px solid #000000;
		margin: 0 14%;
	}
	
	.home .block-2 .block-20{
		display: block;
	}

	.home .block-2 .block-20 .block-201{
		display: block;
		padding-bottom: 7px;
		padding-top: 7px;
	}

	.home .block-2 .block-20 .block-201 .element-block{
		width: 120px;
		border: 4px solid #f2f3f4;
		border-left: 4px solid #ff0000;
	}

	.home .block-2 .block-20 .block-201 .head-block{
		padding-left: 24px;
	}
	
	.home .block-2 .inner-container{
		text-align: center;
	}
	
	.home .block-2 .block-21{
		width: 60%;
		margin: 0 auto;
	}
	
	.home .block-2 .block-22{
		width: 96%;
	}
	
	.home .block-2 .head-block h1{
		text-align: left;
	}

	.home .block-2 .block-22 .block-221{
		display: none;
	}

	.home .block-2 .block-22 .text-block-2{
		display: none;
	}
	
	.home .block-2 .block-21 .lSAction > a i{
		font-size: 30px !important;
	}

	.lSAction > .lSNext {
		right: 0;
	}
	
	.lSAction > .lSPrev {
		left: 0;
	}
	
	.home .block-3 .inner-container{
		padding: 0 1%;
	}
	
	.home .block-3 .block-31{
		width: 90%;
		margin: 0 auto;
	}
	
	.home .block-3 .block-31 .block{
		width: 48%;
		padding-left: 1%;
		padding-right: 1%;
	}

	.home .block-3 .block-32 .btn-block a{
		padding: 11px 14px;
	}
	
	.home .block-4 .text-block p{
		text-align: justify;
	}


	.home .block-4 .block-41 .btn-block a{
		padding: 11px 14px;
	}

	.home .block-4 .work-slider .block{
		width: 31.33%;
	}

	.home .block-5 .star-block i{
		font-size: 28px;
		line-height: 34px;
	}

	.home .block-5 .block-51 .block{
		width: 46%;
	}

	.home .block-5 .block-51 .block .icon-block i{
		font-size: 24px;
	}

	/* Service */

	.service .block-3 .block{
		padding-bottom: 45px;
	}

	.service .block-3 .block-30{
		display: block;
	}

	.service .block-3 .block-30 .block-301 .element-block{
		width: 20%;
	}

	.service .block-3 .block-30 .block-301 .head-block{
		padding-left: 7%;
	}
	
	.service .block-3 .block-32 .block-321 .element-block {
		width: 120px;
		border: 4px solid #f2f3f4;
		border-left: 4px solid #ff0000;
	}

	/* Contact */

	
	.contact .block-3 .block-32 .block-321 .block .element-block{
		width: 12%;
		height: 90%;
	}

	.contact .block-3 .block-32 .block-321 .block .head-block-1{
		padding-left: 4%;
	}

	.service .block-3 .block-32 .block-322{
		padding-bottom: 24px;
		margin-top: 14px;
	}

	.contact .block-3 .block-31 .block .element-block{
		width: 12%;
		height: 90%;
	}

	.contact .block-3 .block-31 .block .head-block-1{
		padding-left: 4%;
	}

	.contact .block-3 .block-31 .form-block input[type="submit"]{
		padding: 11px 14px;
	}

	.contact .block-3 .block-32 .block,
	.contact .block-3 .block-31 .block{
		margin-bottom: 24px;
	}


	/* Portfolio */
	
	/* Contact */

	.contact .block-3{
		padding-bottom: 35px;
	}

	.contact .block-3 .block-31{
		width: 96%;
	}

	.contact .block-3 .block-32{
		width: 96%;
		display: block;
	}

	.contact .block-3 .block-32 .header-block-1{
		width: max-content;
		display: block;
	}

	.contact .block-3 .block-31 .head-block-1 h2,
	.contact .block-3 .block-32 .head-block-1 h2{
		/* text-align: center; */
	}

	.contact .block-3 .block-32 .detail-block .head-block h3{
		text-align: center;
	}

	.contact .block-3 .block-31 .form-block input[type="submit"]{
		margin: 0 auto;
	}

	/* Footer */

	.footer-block .footer-main .footer-0 .block-3 {
		float: right;
		width: 52%;
	}

	.footer-block .footer-main .footer-0 .block-2 {
		width: 40%;
	}

	.footer-block .footer-main .footer-0 .block-1{
		width: 96%;
	}
	
	/* Portfolio */
	
	.portfolio .grid-item {
		width: 48%;
	}

}

@media(max-width: 720px){
}

@media(max-width: 680px){
	
	/* Home */
	
	.home .block-1 .block-11 .head-block h2 {
		font-size: 32px;
		line-height: 38px;
	}
		
}

@media(max-width: 620px){

	/* Header */

	.whatsapp-btn .btn-block a p{
		display: none;
	}

	.vertical-divide-block{
		display: none;
	}

}

@media(max-width: 540px){
	
	/* General */
	
	.container{
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
	
	.loader-overlay .image-block {
		width: 54px;
		margin: 45vh auto 24px;
	}
	
	/* ?? */

	.cta-btn-block{
		width: 100%;
		bottom: 0;
		top: initial;
		right: 0;
		transform: rotate(0);
		direction: rtl;
		text-align: center;
		background: #ffffff;
		font-size: 0;
		box-shadow: 0px 0px 12px -7px #494949;
	}

	.cta-btn-block .social-btn{
		transform: rotate(0);
		width: 25%;
	}
	
	.cta-btn-block .social-btn .btn-block a{
		background-color: transparent;
		border-right: 1px solid #f1f1f1;
		display: block;
	}

	.cta-btn-block .scroll-to-form {
		width: 50%;
	}

	.cta-btn-block .scroll-to-form .btn-block a{
		border-right: 1px solid #f1f1f1;
		background: transparent;
		color: #000000;
	}

	.scroll-to-top{
		display: none;
	}

	.scroll-to-top .icon-block{
		max-width: 24px;
	}
	
	.scroll-to-top .icon-block img{
		width: 100%;
	}
	
	.scroll-to-top .icon-block{
		max-width: 24px;
	}
	
	.scroll-to-top .icon-block img{
		width: 100%;
	}

	/* Footer */

	.footer-block .footer-main .footer-1 .left-block{
		display: block;
		width: 100%;
		float: none;
	}

	.footer-block .footer-main .footer-1 .right-block{
		display: block;
		float: left;
	}

	/* Main Content */

	.main-content .edge-block{
		height: 30px;
	}

	/* Home */
	
	.home .block-1 .image-block img {
		width: 140%;
		margin-left: -20%;
	}
	
	.home .block-1 .block-11 .head-block h2{
		font-size: 26px;
		line-height: 32px;
	}

	.home .block-3 .block-31 .image-block{
		max-width: 60px;
	}

	.home .block-3 .block-32 .btn-block a{
		padding: 11px 11px;
	}

	.home .block-4 .work-slider .block{
		width: 46%;
	}

	.home .block-5 .block-51 .block{
		width: 90%;
	}

	.home .block-5 .block-51 .block .icon-block i{
		font-size: 17px;
	}

	/* Services */
	
	.service .block-3 .block-32 .block-321 .head-block{
		padding-left: 14px;
	}

	.service .block-3 .block-30 .block-301 .element-block{
		border: 4px solid #f2f3f4;
		border-left: 4px solid #ff0000;
	}
	
	.service .block-3 .block-32 .block-323 .service-list li{
		width: 98%;
		text-align: center;
	}

	.service .block-3 .block-32 .block-323 .service-list li .modal-block .modal{
		width: 100%;
		height: 100%;
		max-height: 100%;
		top : 0;
		left: 0;
		transform:translate(0%,0%);
	}
	
	.service .block-3 .block-32 .block-323 .service-list li .content-block{
		overflow-y : auto;
		height: 400px;
	}

	.service .block-3 .block-32 .block-323 .service-list li .content-block .block-3231 .element-block{
		
		border: 4px solid #f2f3f4;
		border-left: 4px solid #ff0000;
	}
	

	/* Contact  */

	.contact .block-3 .block-31 .form-block input[type="submit"]{
		padding: 11px 11px;
	}

}

@media(max-width: 480px){

	/* Header */

	.header-block .header-block-1 .logo-block a{
		max-width: 160px;
		margin: 0 auto;
	}

	/* Footer */

	.footer-block .footer-main .footer-0 .block-3 {
		width: 96%;
	}

	.footer-block .footer-main .footer-0 .block-2 {
		width: 96%;
	}
	
	/* Home */
	
	.home .block-1 .block-11 .head-block h2{
		font-size: 22px;
		line-height: 28px;
	}

}

@media(max-width: 380px){
}

@media(max-width: 360px){

	/* Header */

	.header-block .header-block-1 .logo-block a{
		max-width: 140px;
		margin: 0 auto;
	}

}

@media(max-width: 340px){
}

@media(max-width: 320px){
}