@media screen and (max-width: 480px)
{
	.navigation
	{
		position: static;
		background-color: var(--color3);
	}
	.image-box-three-colom .custom_row
	{
		 grid-template-columns: repeat(1, 1fr);
		 grid-row-gap: 5px;
	}
	.filter_table_gallery_wrapper .clients-section-row
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.number-section-home .customContainer
	{
		grid-template-columns: repeat(1, 1fr);
	}
	footer .footer_container
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row
	{
		grid-template-columns: 1fr;
	}
	.navigation .nav-container .navigation-row .logo_area .logo
	{
	     text-align: left; 
		justify-content: flex-start;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		padding-left: 0;
		padding-right: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		max-width: 130px;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		width: 45px;
		height: 40px;
		background-color: transparent;
	}
	.navigation .nav-container .navigation-row .contact-detial-topsarea
	{
		display: none;
	}
	.home-icon-box01
	{
		margin-top: 35px;
	}
	.home-icon-box01 .container{
		max-width: 95%;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper
	{
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon
	{
		text-align: center;
		margin-bottom: 10px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon img
	{
		max-width: 50px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .contents
	{
		padding-left: 0;
		text-align: center;
	}
	.image-box-three-colom .custom_row .colm-imageBox .wrapper
	{
		padding: 30px 20px; 
	}
	.filter_table_gallery_wrapper .filter-buttons
	{
		grid-row-gap: 10px;
		grid-column-gap: 5px;
	}
	.filter_table_gallery_wrapper .filter-buttons button
	{
		font-size:9px;
		padding: 6px 9px;
	}
	.quotation
	{
		padding: 30px 0;
	}
	.number-section-home .customContainer .left-area img
	{
		height: 300px;
	}
	.number-section-home .customContainer .right-area .numbers-wrapper-row
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.number-section-home .customContainer .right-area
	{
		padding: 30px 0;
	}
	footer
	{
		padding: 50px 20px 50px; 
	}
	footer .footer_container .colom.ftr_colom4
	{
		width: 100%;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom4 h5
	{
		font-size: 16px;
	}
	footer .footer_container .colom.ftr_colom4 h5 span
	{
		font-size: 12px;
		margin-top: 10px;
	}

	footer .footer_container .colom.ftr_colom2
	{
		width: 100%;
	}
	footer .footer_container .colom.ftr_colom3
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom5 .footer_links .address_area .values
	{
		font-size: 14px;
	}

	.copyright
	{
		text-align: center;
		padding: 15px 35px;
		flex-direction: column;
		font-size: 13px;
	}
	.copyright .text-copyright
	{
		margin-top: 10px;
	}
	.copyright .text-copyright span 
	{
		display: block;
	}


	.innerBanner .bannerImage
	{
		height: 150px;
	}
	.innerBanner h5
	{
		font-size: 22px;
	}
	.services-sections .heading01 h4
	{
		font-size: 21px;
	}
	.services-sections .description blockquote
	{
		max-width: 100%;
		padding: 20px 20px;
	}
	.services-sections .description blockquote p
	{
		font-size: 15px;
		line-height: 24px;
		text-align: justify;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom
	{
		flex-direction: column;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image img{
		height: 200px;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content h5
	{
		font-size: 20px;
		font-weight: 600;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	body.clientsPage .clients-section-row
	{
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 8px;
    	grid-column-gap: 8px;
	}
	.contactSection .rowCustom
	{
		flex-direction: column;
	}
	.contactSection {
    	background-image: linear-gradient(to right, var(--color2) 67%, var(--color2) 67%, var(--color2) 100%);
	}
	.contactSection .rowCustom .colom-7
	{
		width: 100%;
		padding: 20px;
	}
	section.contactSection .rowCustom .form-area form .form_row
	{
		width: calc(100% - 10px);
	}
	section.contactSection .rowCustom .form-area form .form_row:nth-child(2)
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .captcha_row
	{
		flex-direction: column;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .form_row:nth-child(1)
	{
		width: 100%;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image img
	{
		margin-top: 0px;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		text-align: center;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .submit_btn
	{
		margin-top: 10px;
	}
	section.contactSection .rowCustom .form-area form .submit_btn .signin
	{
		width: 100%;
	}
	.contactSection .rowCustom .colom-5
	{
		width: 100%;
	}
	.add-ress-container
	{
		background-color: var(--color1);
	}
	.add-ress-container .heading001 h6
	{
		font-size: 22px;
	}
	.address-contanct .address-row .detail
	{
		font-size: 14px;
		line-height: 22px;
	}
	.address-contanct .address-row .detail a
	{
		font-size: 14px;
		word-break: break-all;
	}
	.address-contanct .address-row .detail a span
	{
		display: block;
	}
	body.aboutPage .number-section-home .customContainer
	{
		grid-template-columns: 1fr;
	}
	body.aboutPage .number-section-home .customContainer .left-area
	{
		order:2;
	}
	body.aboutPage .number-section-home .customContainer .right-area
	{
		order:1;
		padding:25px 20px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area p
	{
		font-size: 14px;
		line-height: 24px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes
	{
		margin-top: 0;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes p
	{
		font-size: 16px;
		text-align: center;
	}
	.director-msg-section
	{
		padding: 40px 20px;
	}
	.director-msg-section .wrapper .message-box
	{
		max-width: 100%;
		margin-top: 20px;
		padding: 20px 20px 20px 20px;
	}
	.director-msg-section .wrapper .message-box .icon
	{
		margin-bottom: 10px;
		display: inline-block;
	}
	.director-msg-section .wrapper .message-box .icon i
	{
		position: relative;
		left: 0;
	}
	.director-msg-section .wrapper .message-box .message_body p{
		font-size: 14px;
		line-height: 25px;
	}
	.director-msg-section .wrapper .message-box .message_body h6{
		font-size: 16px;
	}
	.mision-vision-bg .bgimage
	{
		min-height: 250px;
	}
	.mission-vision-box-text
	{
		padding-left: 10px;
		margin-top: 30px;
	}
	.mission-vision-box-text .myRows
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 15px;
	}
	.mission-vision-box-text .myRows .values-text h5
	{
		text-align:center;
	}
	.mission-vision-box-text .myRows .values-text
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.mission-vision-box-text .myRows .values-text p
	{
		font-size: 14px;
		line-height: 23px;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow
	{
	    grid-template-columns: 1fr;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .image img
	{
		height: auto;

	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.innerBanner h5
	{
		font-size: 18px;
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.projectsPage .breadcurmsb a
	{
		font-size: 12px;
	}
	.projects-sections-home .heading h3
	{
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.projectsPageSection.projects-sections-home .heading p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row
	{
		    grid-template-columns: repeat(1, 1fr);
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 200px;
	}
}

@media screen and (min-width: 481px) and (max-width: 576px)
{
	.navigation
	{
		position: static;
		background-color: var(--color3);
	}
	.image-box-three-colom .custom_row
	{
		 grid-template-columns: repeat(1, 1fr);
		 grid-row-gap: 5px;
	}
	.filter_table_gallery_wrapper .clients-section-row
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.number-section-home .customContainer
	{
		grid-template-columns: repeat(1, 1fr);
	}
	footer .footer_container
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row
	{
		grid-template-columns: 1fr;
	}
	.navigation .nav-container .navigation-row .logo_area .logo
	{
	     text-align: left; 
		justify-content: flex-start;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		padding-left: 0;
		padding-right: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		max-width: 130px;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		width: 45px;
		height: 40px;
		background-color: transparent;
	}
	.navigation .nav-container .navigation-row .contact-detial-topsarea
	{
		display: none;
	}
	.home-icon-box01
	{
		margin-top: 35px;
	}
	.home-icon-box01 .container{
		max-width: 95%;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper
	{
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon
	{
		text-align: center;
		margin-bottom: 10px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon img
	{
		max-width: 50px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .contents
	{
		padding-left: 0;
		text-align: center;
	}
	.image-box-three-colom .custom_row .colm-imageBox .wrapper
	{
		padding: 50px 30px; 
	}
	.filter_table_gallery_wrapper .filter-buttons
	{
		grid-row-gap: 10px;
		grid-column-gap: 5px;
	}
	.filter_table_gallery_wrapper .filter-buttons button
	{
		font-size:9px;
		padding: 6px 9px;
	}
	.quotation
	{
		padding: 30px 0;
	}
	.number-section-home .customContainer .left-area img
	{
		height: 300px;
	}
	.filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 270px;
	}
	.number-section-home .customContainer .right-area .numbers-wrapper-row
	{
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 25px;
	}
	.number-section-home .customContainer .right-area
	{
		padding: 30px 0;
	}

	.slider-wrapper #slides .carousel-item .slider-text-captions
	{
		top: auto;
		bottom: 40px;
	}
	.slider-wrapper #slides .carousel-item img
	{
		height: 300px;
		object-position: center;
		object-fit: cover;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h6
	{
		font-size: 14px;
		line-height: 20px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h4
	{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p
	{
		font-size: 13px;
		line-height: 23px;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		white-space: normal;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p br
	{
		display: none;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider
	{
		margin-top: 15px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider a
	{
		padding: 7px 16px;
	}
	footer
	{
		padding: 50px 20px 50px; 
	}
	footer .footer_container .colom.ftr_colom4
	{
		width: 100%;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom4 h5
	{
		font-size: 16px;
	}
	footer .footer_container .colom.ftr_colom4 h5 span
	{
		font-size: 12px;
		margin-top: 10px;
	}

	footer .footer_container .colom.ftr_colom2
	{
		width: 100%;
	}
	footer .footer_container .colom.ftr_colom3
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom5 .footer_links .address_area .values
	{
		font-size: 14px;
	}

	.copyright
	{
		text-align: center;
		padding: 15px 35px;
		flex-direction: column;
		font-size: 13px;
	}
	.copyright .text-copyright
	{
		margin-top: 10px;
	}
	.copyright .text-copyright span 
	{
		display: block;
	}


	.innerBanner .bannerImage
	{
		height: 150px;
	}
	.innerBanner h5
	{
		font-size: 22px;
	}
	.services-sections .heading01 h4
	{
		font-size: 21px;
	}
	.services-sections .description blockquote
	{
		max-width: 100%;
		padding: 20px 20px;
	}
	.services-sections .description blockquote p
	{
		font-size: 15px;
		line-height: 24px;
		text-align: justify;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom
	{
		flex-direction: column;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image img{
		height: 200px;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content h5
	{
		font-size: 20px;
		font-weight: 600;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	body.clientsPage .clients-section-row
	{
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 8px;
    	grid-column-gap: 8px;
	}
	.contactSection .rowCustom
	{
		flex-direction: column;
	}
	.contactSection {
    	background-image: linear-gradient(to right, var(--color2) 67%, var(--color2) 67%, var(--color2) 100%);
	}
	.contactSection .rowCustom .colom-7
	{
		width: 100%;
		padding: 20px;
	}
	section.contactSection .rowCustom .form-area form .form_row
	{
		width: calc(100% - 10px);
	}
	section.contactSection .rowCustom .form-area form .form_row:nth-child(2)
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .captcha_row
	{
		flex-direction: column;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .form_row:nth-child(1)
	{
		width: 100%;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image img
	{
		margin-top: 0px;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		text-align: center;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .submit_btn
	{
		margin-top: 10px;
	}
	section.contactSection .rowCustom .form-area form .submit_btn .signin
	{
		width: 100%;
	}
	.contactSection .rowCustom .colom-5
	{
		width: 100%;
	}
	.add-ress-container
	{
		background-color: var(--color1);
	}
	.add-ress-container .heading001 h6
	{
		font-size: 22px;
	}
	.address-contanct .address-row .detail
	{
		font-size: 14px;
		line-height: 22px;
	}
	.address-contanct .address-row .detail a
	{
		font-size: 14px;
		word-break: break-all;
	}
	.address-contanct .address-row .detail a span
	{
		display: block;
	}
	body.aboutPage .number-section-home .customContainer
	{
		grid-template-columns: 1fr;
	}
	body.aboutPage .number-section-home .customContainer .left-area
	{
		order:2;
	}
	body.aboutPage .number-section-home .customContainer .right-area
	{
		order:1;
		padding:25px 20px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area p
	{
		font-size: 14px;
		line-height: 24px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes
	{
		margin-top: 0;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes p
	{
		font-size: 16px;
		text-align: center;
	}
	.director-msg-section
	{
		padding: 40px 20px;
	}
	.director-msg-section .wrapper .message-box
	{
		max-width: 100%;
		margin-top: 20px;
		padding: 20px 20px 20px 20px;
	}
	.director-msg-section .wrapper .message-box .icon
	{
		margin-bottom: 10px;
		display: inline-block;
	}
	.director-msg-section .wrapper .message-box .icon i
	{
		position: relative;
		left: 0;
	}
	.director-msg-section .wrapper .message-box .message_body p{
		font-size: 14px;
		line-height: 25px;
	}
	.director-msg-section .wrapper .message-box .message_body h6{
		font-size: 16px;
	}
	.mision-vision-bg .bgimage
	{
		min-height: 250px;
	}
	.mission-vision-box-text
	{
		padding-left: 10px;
		margin-top: 30px;
	}
	.mission-vision-box-text .myRows
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 15px;
	}
	.mission-vision-box-text .myRows .values-text h5
	{
		text-align:center;
	}
	.mission-vision-box-text .myRows .values-text
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.mission-vision-box-text .myRows .values-text p
	{
		font-size: 14px;
		line-height: 23px;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow
	{
	    grid-template-columns: 1fr;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .image img
	{
		height: auto;

	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.innerBanner h5
	{
		font-size: 18px;
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.projectsPage .breadcurmsb a
	{
		font-size: 12px;
	}
	.projects-sections-home .heading h3
	{
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.projectsPageSection.projects-sections-home .heading p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row
	{
		    grid-template-columns: repeat(1, 1fr);
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 200px;
	}
}



@media screen and (min-width: 577px) and (max-width: 767px)
{
	.navigation
	{
		position: static;
		background-color: var(--color3);
	}
	.image-box-three-colom .custom_row
	{
		 grid-template-columns: repeat(1, 1fr);
		 grid-row-gap: 5px;
	}
	.filter_table_gallery_wrapper .clients-section-row
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.number-section-home .customContainer
	{
		grid-template-columns: repeat(1, 1fr);
	}
	footer .footer_container
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row
	{
		grid-template-columns: 1fr;
	}
	.navigation .nav-container .navigation-row .logo_area .logo
	{
	     text-align: left; 
		justify-content: flex-start;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		padding-left: 0;
		padding-right: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		max-width: 130px;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		width: 45px;
		height: 40px;
		background-color: transparent;
	}
	.navigation .nav-container .navigation-row .contact-detial-topsarea
	{
		display: none;
	}
	.home-icon-box01
	{
		margin-top: 35px;
	}
	.home-icon-box01 .container{
		max-width: 95%;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper
	{
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon
	{
		text-align: center;
		margin-bottom: 10px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon img
	{
		max-width: 50px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .contents
	{
		padding-left: 0;
		text-align: center;
	}
	.image-box-three-colom .custom_row .colm-imageBox .wrapper
	{
		padding: 50px 30px; 
	}
	.filter_table_gallery_wrapper .filter-buttons
	{
		grid-row-gap: 10px;
		grid-column-gap: 5px;
	}
	.filter_table_gallery_wrapper .filter-buttons button
	{
		font-size:9px;
		padding: 6px 9px;
	}
	.quotation
	{
		padding: 30px 0;
	}
	.number-section-home .customContainer .left-area img
	{
		height: 300px;
	}
	.filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 270px;
	}
	.number-section-home .customContainer .right-area .numbers-wrapper-row
	{
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 25px;
	}
	.number-section-home .customContainer .right-area
	{
		padding: 30px 0;
	}

	.slider-wrapper #slides .carousel-item .slider-text-captions
	{
		top: auto;
		bottom: 40px;
	}
	.slider-wrapper #slides .carousel-item img
	{
		height: 300px;
		object-position: center;
		object-fit: cover;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h6
	{
		font-size: 14px;
		line-height: 20px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h4
	{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p
	{
		font-size: 13px;
		line-height: 23px;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		white-space: normal;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p br
	{
		display: none;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider
	{
		margin-top: 15px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider a
	{
		padding: 7px 16px;
	}
	footer
	{
		padding: 50px 20px 50px; 
	}
	footer .footer_container .colom.ftr_colom4
	{
		width: 100%;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom4 h5
	{
		font-size: 16px;
	}
	footer .footer_container .colom.ftr_colom4 h5 span
	{
		font-size: 12px;
		margin-top: 10px;
	}

	footer .footer_container .colom.ftr_colom2
	{
		width: 100%;
	}
	footer .footer_container .colom.ftr_colom3
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom5 .footer_links .address_area .values
	{
		font-size: 14px;
	}

	.copyright
	{
		text-align: center;
		padding: 15px 35px;
		flex-direction: column;
		font-size: 13px;
	}
	.copyright .text-copyright
	{
		margin-top: 10px;
	}
	.copyright .text-copyright span 
	{
		display: block;
	}


	.innerBanner .bannerImage
	{
		height: 150px;
	}
	.innerBanner h5
	{
		font-size: 22px;
	}
	.services-sections .heading01 h4
	{
		font-size: 21px;
	}
	.services-sections .description blockquote
	{
		max-width: 100%;
		padding: 20px 20px;
	}
	.services-sections .description blockquote p
	{
		font-size: 15px;
		line-height: 24px;
		text-align: justify;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom
	{
		flex-direction: column;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image img{
		height: 200px;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content h5
	{
		font-size: 20px;
		font-weight: 600;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	body.clientsPage .clients-section-row
	{
		grid-template-columns: repeat(3, 1fr);
		grid-row-gap: 8px;
    	grid-column-gap: 8px;
	}
	.contactSection .rowCustom
	{
		flex-direction: column;
	}
	.contactSection {
    	background-image: linear-gradient(to right, var(--color2) 67%, var(--color2) 67%, var(--color2) 100%);
	}
	.contactSection .rowCustom .colom-7
	{
		width: 100%;
		padding: 20px;
	}
	section.contactSection .rowCustom .form-area form .form_row
	{
		width: calc(100% - 10px);
	}
	section.contactSection .rowCustom .form-area form .form_row:nth-child(2)
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .captcha_row
	{
		flex-direction: column;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .form_row:nth-child(1)
	{
		width: 100%;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image img
	{
		margin-top: 0px;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		text-align: center;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .submit_btn
	{
		margin-top: 10px;
	}
	section.contactSection .rowCustom .form-area form .submit_btn .signin
	{
		width: 100%;
	}
	.contactSection .rowCustom .colom-5
	{
		width: 100%;
	}
	.add-ress-container
	{
		background-color: var(--color1);
	}
	.add-ress-container .heading001 h6
	{
		font-size: 22px;
	}
	.address-contanct .address-row .detail
	{
		font-size: 14px;
		line-height: 22px;
	}
	.address-contanct .address-row .detail a
	{
		font-size: 14px;
		word-break: break-all;
	}
	.address-contanct .address-row .detail a span
	{
		display: block;
	}
	body.aboutPage .number-section-home .customContainer
	{
		grid-template-columns: 1fr;
	}
	body.aboutPage .number-section-home .customContainer .left-area
	{
		order:2;
	}
	body.aboutPage .number-section-home .customContainer .right-area
	{
		order:1;
		padding:25px 20px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area p
	{
		font-size: 14px;
		line-height: 24px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes
	{
		margin-top: 0;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes p
	{
		font-size: 16px;
		text-align: center;
	}
	.director-msg-section
	{
		padding: 40px 20px;
	}
	.director-msg-section .wrapper .message-box
	{
		max-width: 100%;
		margin-top: 20px;
		padding: 20px 20px 20px 20px;
	}
	.director-msg-section .wrapper .message-box .icon
	{
		margin-bottom: 10px;
		display: inline-block;
	}
	.director-msg-section .wrapper .message-box .icon i
	{
		position: relative;
		left: 0;
	}
	.director-msg-section .wrapper .message-box .message_body p{
		font-size: 14px;
		line-height: 25px;
	}
	.director-msg-section .wrapper .message-box .message_body h6{
		font-size: 16px;
	}
	.mision-vision-bg .bgimage
	{
		min-height: 250px;
	}
	.mission-vision-box-text
	{
		padding-left: 10px;
		margin-top: 30px;
	}
	.mission-vision-box-text .myRows
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 15px;
	}
	.mission-vision-box-text .myRows .values-text h5
	{
		text-align:center;
	}
	.mission-vision-box-text .myRows .values-text
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.mission-vision-box-text .myRows .values-text p
	{
		font-size: 14px;
		line-height: 23px;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow
	{
	    grid-template-columns: 1fr;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .image img
	{
		height: auto;

	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.innerBanner h5
	{
		font-size: 18px;
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.projectsPage .breadcurmsb a
	{
		font-size: 12px;
	}
	.projects-sections-home .heading h3
	{
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.projectsPageSection.projects-sections-home .heading p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row
	{
		    grid-template-columns: repeat(2, 1fr);
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 200px;
	}
	.filter_table_gallery_wrapper.videos-gallerys .clients-section-row .single-info .image-for-youtube
	{
	    width: 50px;
		height: 50px;
	}
}


@media screen and (min-width: 768px) and (max-width: 992px)
{
	.navigation
	{
		position: static;
		background-color: var(--color3);
	}
	.image-box-three-colom .custom_row
	{
		 grid-template-columns: repeat(2, 1fr);
		 grid-row-gap: 5px;
	}
	.filter_table_gallery_wrapper .clients-section-row
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.number-section-home .customContainer
	{
		grid-template-columns: repeat(1, 1fr);
	}
	footer .footer_container
	{
		flex-direction: column;
	}
	.navigation .nav-container .navigation-row
	{
		grid-template-columns: 1fr;
	}
	.navigation .nav-container .navigation-row .logo_area .logo
	{
	     text-align: left; 
		justify-content: flex-start;
	}
	.navigation .nav-container .navigation-row .logo_area
	{
		padding-left: 0;
		padding-right: 0;
	}
	.navigation .nav-container .navigation-row .logo_area a img.logo-icon
	{
		max-width: 130px;
	}
	.navigation .nav-container .navigation-row .logo_area .menuToggle
	{
		width: 45px;
		height: 40px;
		background-color: transparent;
	}
	.navigation .nav-container .navigation-row .contact-detial-topsarea
	{
		display: none;
	}
	.home-icon-box01
	{
		margin-top: 35px;
	}
	.home-icon-box01 .container{
		max-width: 95%;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper
	{
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon
	{
		text-align: center;
		margin-bottom: 10px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .icon img
	{
		max-width: 50px;
	}
	.home-icon-box01 .iconBoxRow .iconBoxColom .iconBoxWrapper .contents
	{
		padding-left: 0;
		text-align: center;
	}
	.image-box-three-colom .custom_row .colm-imageBox .wrapper
	{
		padding: 50px 30px; 
	}
	.filter_table_gallery_wrapper .filter-buttons
	{
		grid-row-gap: 10px;
		grid-column-gap: 5px;
	}
	.filter_table_gallery_wrapper .filter-buttons button
	{
		font-size:9px;
		padding: 6px 9px;
	}
	.quotation
	{
		padding: 30px 0;
	}
	.number-section-home .customContainer .left-area img
	{
		height: 300px;
	}
	.filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 270px;
	}
	.number-section-home .customContainer .right-area .numbers-wrapper-row
	{
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 25px;
	}
	.number-section-home .customContainer .right-area
	{
		padding: 30px 0;
	}

	.slider-wrapper #slides .carousel-item .slider-text-captions
	{
		top: auto;
		bottom: 40px;
	}
	.slider-wrapper #slides .carousel-item img
	{
		height: 300px;
		object-position: center;
		object-fit: cover;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h6
	{
		font-size: 14px;
		line-height: 20px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions h4
	{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p
	{
		font-size: 13px;
		line-height: 23px;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		white-space: normal;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions p br
	{
		display: none;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider
	{
		margin-top: 15px;
	}
	.slider-wrapper #slides .carousel-item .slider-text-captions .get_quote_anchor_slider a
	{
		padding: 7px 16px;
	}
	footer
	{
		padding: 50px 20px 50px; 
	}
	footer .footer_container .colom.ftr_colom4
	{
		width: 100%;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom4 h5
	{
		font-size: 16px;
	}
	footer .footer_container .colom.ftr_colom4 h5 span
	{
		font-size: 12px;
		margin-top: 10px;
	}

	footer .footer_container .colom.ftr_colom2
	{
		width: 100%;
	}
	footer .footer_container .colom.ftr_colom3
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .footer_container .colom.ftr_colom5 .footer_links .address_area .values
	{
		font-size: 14px;
	}

	.copyright
	{
		text-align: center;
		padding: 15px 35px;
		flex-direction: column;
		font-size: 13px;
	}
	.copyright .text-copyright
	{
		margin-top: 10px;
	}
	.copyright .text-copyright span 
	{
		display: block;
	}


	.innerBanner .bannerImage
	{
		height: 150px;
	}
	.innerBanner h5
	{
		font-size: 22px;
	}
	.services-sections .heading01 h4
	{
		font-size: 21px;
	}
	.services-sections .description blockquote
	{
		max-width: 100%;
		padding: 20px 20px;
	}
	.services-sections .description blockquote p
	{
		font-size: 15px;
		line-height: 24px;
		text-align: justify;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom
	{
		flex-direction: column;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .image img{
		height: 300px;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content
	{
		width: 100%;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content h5
	{
		font-size: 20px;
		font-weight: 600;
	}
	section.eventsColomSection2 .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	body.clientsPage .clients-section-row
	{
		grid-template-columns: repeat(4, 1fr);
		grid-row-gap: 8px;
    	grid-column-gap: 8px;
	}
	.contactSection .rowCustom
	{
		flex-direction: column;
	}
	.contactSection {
    	background-image: linear-gradient(to right, var(--color2) 67%, var(--color2) 67%, var(--color2) 100%);
	}
	.contactSection .rowCustom .colom-7
	{
		width: 100%;
		padding: 20px;
	}
	section.contactSection .rowCustom .form-area form .form_row
	{
		width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
	section.contactSection .rowCustom .form-area form .form_row:nth-child(2)
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .captcha_row
	{
		flex-direction: row;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .form_row:nth-child(1)
	{
		/*width: 100%;*/
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image img
	{
		/*margin-top: 0px;*/
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		text-align: center;
	}
	section.contactSection .rowCustom .form-area form .captcha_row .captcha_image
	{
		margin-left: 0;
	}
	section.contactSection .rowCustom .form-area form .submit_btn
	{
		margin-top: 10px;
	}
	section.contactSection .rowCustom .form-area form .submit_btn .signin
	{
		width: 50%;
	}
	.contactSection .rowCustom .colom-5
	{
		width: 100%;
	}
	.add-ress-container
	{
		background-color: var(--color1);
	}
	.add-ress-container .heading001 h6
	{
		font-size: 22px;
	}
	.address-contanct .address-row .detail
	{
		font-size: 14px;
		line-height: 22px;
	}
	.address-contanct .address-row .detail a
	{
		font-size: 14px;
		word-break: break-all;
	}
	.address-contanct .address-row .detail a span
	{
		display: block;
	}
	body.aboutPage .number-section-home .customContainer
	{
		grid-template-columns: 1fr;
	}
	body.aboutPage .number-section-home .customContainer .left-area
	{
		order:2;
	}
	body.aboutPage .number-section-home .customContainer .right-area
	{
		order:1;
		padding:25px 20px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area p
	{
		font-size: 14px;
		line-height: 24px;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes
	{
		margin-top: 0;
	}
	body.aboutPage .number-section-home .customContainer .right-area .desc_area .quotes p
	{
		font-size: 16px;
		text-align: center;
	}
	.director-msg-section
	{
		padding: 40px 20px;
	}
	.director-msg-section .wrapper .message-box
	{
		max-width: 100%;
		margin-top: 20px;
		padding: 20px 20px 20px 20px;
	}
	.director-msg-section .wrapper .message-box .icon
	{
		margin-bottom: 10px;
		display: inline-block;
	}
	.director-msg-section .wrapper .message-box .icon i
	{
		position: relative;
		left: 0;
	}
	.director-msg-section .wrapper .message-box .message_body p{
		font-size: 14px;
		line-height: 25px;
	}
	.director-msg-section .wrapper .message-box .message_body h6{
		font-size: 16px;
	}
	.mision-vision-bg .bgimage
	{
		min-height: 250px;
	}
	.mission-vision-box-text
	{
		padding-left: 10px;
		margin-top: 30px;
	}
	.mission-vision-box-text .myRows
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 15px;
	}
	.mission-vision-box-text .myRows .values-text h5
	{
		text-align:center;
	}
	.mission-vision-box-text .myRows .values-text
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.mission-vision-box-text .myRows .values-text p
	{
		font-size: 14px;
		line-height: 23px;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow
	{
	    grid-template-columns: 1fr;
	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .image img
	{
		height: auto;

	}
	section.eventsColomSection.how-we-do-sections .container .eventsColomGridRow .eventsColomGridColom .content p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.innerBanner h5
	{
		font-size: 18px;
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.projectsPage .breadcurmsb a
	{
		font-size: 12px;
	}
	.projects-sections-home .heading h3
	{
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.projectsPageSection.projects-sections-home .heading p
	{
		font-size: 14px;
		line-height: 23px;
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row
	{
		    grid-template-columns: repeat(2, 1fr);
	}
	.projectsPageSection.projects-sections-home .filter_table_gallery_wrapper .clients-section-row .single-info .image img
	{
		height: 200px;
	}
	.filter_table_gallery_wrapper.videos-gallerys .clients-section-row .single-info .image-for-youtube
	{
	    width: 50px;
		height: 50px;
	}
}




@media screen and (max-width: 992px)
{

/*
	************************************
*/


		#offcanvasExample .offcanvas-header
		{
			padding:10px 15px 8px !important;
			border-bottom: 1px solid #eaeaea;
			background-color: var(--color3);
		}

		#offcanvasExample .offcanvas-header .offcanvas-title
		{
			width: 85%;
		}
		#offcanvasExample .offcanvas-header .offcanvas-title .logo img
		{
			width: 120px;
		}
		#offcanvasExample .offcanvas-body .main_ul
		{
			padding-left: 0;
		}
		#offcanvasExample .offcanvas-body .main_ul .main_li
		{
			border-bottom: 1px solid #ccc;
			text-align: left;
		}
		#offcanvasExample .offcanvas-body .main_ul .main_li > a
		{
			display: block;
			padding: 7px 13px;
			color: #333;
			font-size: 13px;
			text-transform: uppercase;
			font-family: "Montserrat", sans-serif;
			font-weight: 500;
		}
		#offcanvasExample .offcanvas-body .main_ul .sub-menu1
		{
			background-color:var(--color1);
			padding-left: 0;
			padding: 10px;
			display: none;
		}
		#offcanvasExample .offcanvas-body .main_ul .sub-menu1 li a
		{
			color: #333;
			font-size: 14px;
			display: block;
			padding: 6px 10px;
			border-bottom: 1px solid #bd9938;
			font-family: "Montserrat", sans-serif;
			font-weight: 500;
		}
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer{
			background-color:var(--color2);
			padding-left: 0;
			padding: 10px;	
			display: none;
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer ul{
			padding-left: 0;
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper
		{
			padding: 10px;
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl
		{
			background-color: var(--color1);
			padding: 15px 10px;
			margin-bottom: 10px;
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl h6
		{
		    color: var(--white);
		    font-weight: 900;
		    text-transform: uppercase;
		    font-size: 15px;
		    padding-bottom: 7px;
		    margin-bottom: 8px;
		    border-bottom: 1px solid #ccc;
		}
		#offcanvasExample .offcanvas-body .main_ul .megaMenuContainer .mmWrapper .megaUl ul li a
		{
		    color: var(--bs-white);
		    font-size: 13px;
		    display: block;
		    font-weight: 400;
		    padding: 6px 10px;
		    border-bottom: 1px solid #ccc;
		}
		.navigation .nav-container .navigation-row .logo_area a
		{
			width: 100%;
		}

		#offcanvasExample .offcanvas-body .main_ul .main_li.dropdown1 .sub-menu1 .dropdown2 .sub-menu2
		{
			background-color: var(--white) !important;
			padding-left: 0;
		}
		#offcanvasExample .offcanvas-body .main_ul .main_li.dropdown1 .sub-menu1 .dropdown2 .sub-menu2 li a
		{
			color: var(--black);
		}
		.offcanvas-header .btn-close
		{
			background-image: url(../img/close.png);
			opacity: 1;
}
}


@media screen and (min-width: 577px) and (max-width: 767px)
{
	#offcanvasExample .offcanvas-header .offcanvas-title a img
	{
		width: 120px !important;
	}
}