@media screen and (max-width:480px)
{
	/*
	============ Navigation =============
	*/
	.topbar{
		padding:0;
	}
	.logo{
		display:block;
		width:80%;
		padding:7px 0;
	}
	.topbar .logo img
	{
		width:100%;
	}
	.top-call-info
	{
		float:none;
		display:table;
		margin:20px auto 0;
		padding-left: 30px;
		padding-right: 24px;
		margin: 0;
		width: 95%;
		margin-top: 30px;
		margin-bottom:30px;
	}
	.top-call-info a
	{
		margin-left:0;
		margin-bottom:20px;
	}
	.toggle-container
	{
		position:relative;
	}
	.toggle-container .toggle-btn
	{
		position:absolute;
		top:10px;
		right:5px;
		display:inline-block;
		width:40px;
		height:40px;
		background-color:var(--color2);
		text-align:center;
		border-radius:5px;
		cursor:pointer;
	}
	.toggle-container .toggle-btn .fa
	{
		line-height:40px;
		font-size:1.3em;
		color:var(--white);
	}
	.top-call-info a .detail-box .detail
	{
		color:var(--black);
	}
	
	.hide-from-small-screen
	{
		display:none;
	}
	
	.navigation-bar .mynavbars
	{
		padding-left:0;
	}
	.navigation-bar
	{
		position:fixed;
		top:0;
		left:-120%;
		width:80%;
		height:100vh;
		background-color:var(--white);
		-webkit-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		-moz-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);	
		padding-top:20px;
		transition:all .5s linear;
		overflow-y:auto;
	}
	.navigation-bar.show
	{
		left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li
	{
		float:none;
		margin:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li:not(:first-child) a
	{
		border-left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li a
	{
		color:var(--dark);
		display:block;
		padding:8px 25px;
		border-bottom:1px dashed #999;
		font-size:14px;
	}
	.navigation-bar .mynavbars .main-ul .main-li:hover a
	{
		background-color:var(--color1);
	}
	.navigation-bar .enquiry-button-container:hover a, 
	.navigation-bar .enquiry-button-container:hover::before,
	.navigation-bar .enquiry-button-container a
	{
		background-color:white;
	}
	
	.navigation-bar .enquiry-button-container
	{
		background-color:transparent;
		padding-right:15px;		
	}
	.navigation-bar .enquiry-button-container a
	{
		display:block;
		width:100%;
		color:var(--dark);
		font-family: 'Roboto';
		font-weight: 500;
		font-size: 14px;
		padding:8px 25px;
	}
	
	.navigation-bar .enquiry-button-container:hover a
	{
		background-color:var(--color1);
		color:var(--white);
	}
	
	.navigation-bar .enquiry-button-container::before,
	.navigation-bar .enquiry-button-container::after
	{
		display:none;
	}
	
	/*
	=========================
	*/
	
	section.about-us-section
	{
		margin-top:25px;
	}
	.right-content-box
	{
		margin-right:0;
		padding-left:0;
		margin-top:20px;
	}
	.heading.left-heading h4
	{
		margin-bottom:0;
	}
	.right-content-box .desc-area p
	{
		text-align:left;
		font-size:15px;
	}
	section.service-content
	{
		margin-top:30px;
		padding:30px 0 40px;
	}
	section.service-content .servic-heading
	{
		border-right:0;
		padding-right:0px;
		margin-right:0px;
	}
	section.service-content .servic-heading span
	{
		text-align:center;
		font-size:25px;
	}
	.heading h4{
		font-size: 1.4rem;
		line-height: 27px;
		margin-bottom:15px;
	}
	.container
	{
		max-width:95%;
	}
	.list-items-bulltes.two-ul ul
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		margin-top:20px;
		margin-bottom:20px;
	}
	.list-items-bulltes ul li
	{
		font-size:14px;
		margin-bottom:8px;
	}
	.ft-contact
	{
		display:block;
		border-radius:0;
	}
	.ft-contact .ft-contact-bx
	{
		flex: 0 0 100%;
		max-width: 100%;
		border-bottom:1px solid #ccc;
		padding:35px 20px 35px 20px;
		text-align:center;
	}
	.ft-contact .ft-contact-bx::after {
		display:none;
	}
	.ft-contact .ft-contact-bx img
	{
		position:static;
	}
	.ft-contact .ft-contact-bx .title
	{
		margin:0 0 5px 0;
	}
	footer .footer-links ul li
	{
		display:block;
		text-align:center;
	}
	footer .footer-links ul li:not(:last-child) a
	{
		padding-right: 0px;
		margin-right: 0px;
		border-right: 0px solid #fff;
	}
	footer .footer-links ul li a
	{
		padding:5px 0;
		display:block;
	}
	footer .footer-links ul li:hover a
	{
		color:var(--color2);
	}
	
	/*
	======================
	*/
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		font-size:25px;
	} 
	.inner-page-banner .inner-page-banner-child .dataa .mybread ul li a
	{
		font-size:14px;
	}
	.inner-page-banner::before {
		background-size: cover;
		height: 40px;
		background-repeat: no-repeat;
	}
	.image-homepage2
	{
		width:100%;
		float:none;
		margin-bottom:20px;
		margin-left:0;
	}
	body.product-page .servic-heading
	{
		margin-bottom:20px;
	}
	body.product-page  section.service-content .service-provide-box p
	{
		font-size:15px;
		text-align:center;
	}
	.product-box .image-box
	{
		height:200px;
	}
	.product-box .image-box img
	{
		max-height:200px;
		padding:20px;
	}
	.product-box .detail-box
	{
		height:auto;
		padding-bottom:20px;
	}
	.address-container
	{
		padding-left:15px;
		margin-top:20px;
	}
	.inner-page-banner .inner-page-banner-child .dataa
	{
		max-width:80%;
		width:100%;
	}
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		text-align:center;
	}
	.myformDesign .capacha-div
	{
		margin-top:20px;
		text-align:center;
	}
	.myformDesign .submitButton
	{
		margin-top:0px;
		width:100%;
	}
	/*
	===========================
	*/
	#slide1 .carousel-inner .carousel-item .mycaption
	{
		position:static;
		transform: translateX(0%);
		width:100%;
		max-width:100%;
	}
	#slide1 .carousel-inner .carousel-item::before {
		display:none;
	}
	#slide1 .carousel-inner .carousel-item .mycaption h4
	{
		font-size: 18px;
		font-weight:700;
		text-shadow:none;
		background-color:var(--color2);
		color:var(--white);
		padding:10px 0;
	}
	.slider-container-about #slide
	{
		padding:20px 30px 0px 0;
	}
	.slider-container-about #slide::after
	{
		height:95%;
	}
	.heading h4
	{
		font-size: 1.2rem;
	}
	.heading.left-heading h4
	{
		padding-bottom: 20px;
		margin-bottom:25px;
	}
	section.service-two-box
	{
		margin-top:30px;
	}
	section.service-two-box .auto-container
	{
		max-width: 100%;
	}
	section.service-two-box .auto-container .service-box .text-container-service
	{
		position:static;
		background-color:var(--color1);
		padding:10px 0;
	}
	section.service-two-box .auto-container .service-box::before {
		position:static;
	}
	section.service-two-box .auto-container .service-box .text-container-service .service-icon {
		margin-bottom:0px;
		width: 70px;
		padding:25px 0 10px;
	}
	section.service-two-box .auto-container .service-box .service-heading
	{
		padding-bottom:20px;
		margin-bottom:0;
	}
	.right-content-box.right-content-box2
	{
		padding-left:0;
		margin-top:0;
	}
	section.mission-motto
	{
		padding:40px 0;
		background-position:right;
	}
	.right-content-box .desc-area.mission-motto
	{
		padding:33px 20px 20px;
		max-width:90%;
	}
	.right-content-box .desc-area.mission-motto p
	{
		line-height: 28px;
		font-size: 18px;
	}
	
	/*
		=========================
	*/
	
	.inner-banner
	{
		height:200px;
	}
	.inner-banner .text-container
	{
		left:20px;
	}
	.inner-banner h2
	{
		font-size: 25px;
		line-height: 30px;
		font-weight: 800;
	}
	.image-homepage-msg
	{
		display:block;
		width:100%;
		max-width:250px;
		height:250px;
		margin-right:0;
		margin-left:10px;
		margin-bottom:20px;
	}
	.message-box .image-homepage-msg img
	{
		max-width:250px;
		height:250px;
		width:100%;
	}
	.message-box
	{
		margin-top:0;
	}
	.message-box .detail-box
	{
		display:block;
		padding-left: 0px;
	}
	.my-text-container
	{
		max-width: 90%;
		margin: auto;
		margin-top: 40px;
	}
	.mission-vision .mission-box
	{
		position:static;
		background-image:none !important;
		padding:30px 20px;
		clear:both;
	}
	.mission-vision .mission-box
	{
		width:100%;
		max-width:90%;
		margin:auto;
		margin-bottom:20px;
		height:auto;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%)
	}
	.mission-vision
	{
		height:auto;
	}
	.mission-vision .mission-box.left-area p
	{
		padding-right:0;
		text-align:center;
	}
	
	.mission-vision .mission-box.left-area p
	{
		font-size:25px;
	}
	.mission-vision .mission-box.right-area p
	{
		padding-left:0;
		text-align:center;
	}
	.contact-page-content
	{
		background-image:none;
	}
	.sec-padding
	{
		padding:30px 0;
	}
	.contact-info ul li
	{
		text-align:center;
	}
	.contact-info ul li .icon-box, 
	.contact-info ul li .content{
			display:block;
	}
	.contact-info ul li .icon-box
	{
		margin-bottom:15px;
	}
	.contact-info ul li .content
	{
		padding-left:0;
	}
	.contact-info ul li
	{
		padding-top: 18px;
		padding-bottom: 13px;
	}
	.contact-info
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.whatsapp-icon
	{
		width:60px;
	}
}


@media screen and (min-width:481px) and (max-width:576px)
{
	/*
	============ Navigation =============
	*/
	.topbar{
		padding:0;
	}
	.logo{
		display:block;
		width:80%;
		padding:0px 0 7px;
	}
	.top-call-info
	{
		float:none;
		display:table;
		margin:20px auto 0;
		padding-left: 30px;
		padding-right: 24px;
		margin: 0;
		width: 95%;
		margin-top: 30px;
	}
	.top-call-info a
	{
		margin-left:0;
		margin-bottom:20px;
	}
	.top-call-info a .detail-box .detail
	{
		color:var(--black);
	}
	.toggle-container
	{
		position:relative;
	}
	.toggle-container .toggle-btn
	{
		position:absolute;
		top:10px;
		right:20px;
		display:inline-block;
		width:40px;
		height:40px;
		background-color:var(--color2);
		text-align:center;
		border-radius:5px;
		cursor:pointer;
	}
	.toggle-container .toggle-btn .fa
	{
		line-height:40px;
		font-size:1.3em;
		color:var(--white);
	}
	
	.hide-from-small-screen
	{
		display:none;
	}
	
	.navigation-bar .mynavbars
	{
		padding-left:0;
	}
	.navigation-bar
	{
		position:fixed;
		top:0;
		left:-120%;
		width:70%;
		height:100vh;
		background-color:var(--white);
		-webkit-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		-moz-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);	
		padding-top:20px;
		transition:all .5s linear;
		overflow-y:auto;
	}
	.navigation-bar.show
	{
		left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li
	{
		float:none;
		margin:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li:not(:first-child) a
	{
		border-left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li a
	{
		color:var(--dark);
		display:block;
		padding:8px 25px;
		border-bottom:1px dashed #999;
		font-size:14px;
	}
	.navigation-bar .mynavbars .main-ul .main-li:hover a
	{
		background-color:var(--color1);
	}
	.navigation-bar .enquiry-button-container:hover a, 
	.navigation-bar .enquiry-button-container:hover::before,
	.navigation-bar .enquiry-button-container a
	{
		background-color:white;
	}
	
	.navigation-bar .enquiry-button-container
	{
		background-color:transparent;
		padding-right:15px;		
	}
	.navigation-bar .enquiry-button-container a
	{
		display:block;
		width:100%;
		color:var(--dark);
		font-family: 'Roboto';
		font-weight: 500;
		font-size: 14px;
		padding:8px 25px;
	}
	
	.navigation-bar .enquiry-button-container:hover a
	{
		background-color:var(--color1);
		color:var(--white);
	}
	
	.navigation-bar .enquiry-button-container::before,
	.navigation-bar .enquiry-button-container::after
	{
		display:none;
	}
	
	/*
	=========================
	*/
	
	section.about-us-section
	{
		margin-top:25px;
	}
	.right-content-box
	{
		margin-right:0;
		padding-left:0;
		margin-top:20px;
	}
	.heading.left-heading h4
	{
		margin-bottom:0;
	}
	.right-content-box .desc-area p
	{
		text-align:left;
		font-size:15px;
	}
	section.service-content
	{
		margin-top:30px;
		padding:30px 0 40px;
	}
	section.service-content .servic-heading
	{
		border-right:0;
		padding-right:0px;
		margin-right:0px;
	}
	section.service-content .servic-heading span
	{
		text-align:center;
		font-size:25px;
	}
	.heading h4{
		font-size: 1.6rem;
		line-height: 27px;
		margin-bottom:15px;
	}
	.container
	{
		max-width:95%;
	}
	.list-items-bulltes.two-ul ul
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		margin-top:20px;
		margin-bottom:20px;
	}
	.list-items-bulltes ul li
	{
		font-size:16px;
		margin-bottom:12px;
	}
	.ft-contact
	{
		display:block;
		border-radius:0;
		max-width:80%;
		margin:auto;
		margin-top:60px;
	}
	.ft-contact .ft-contact-bx
	{
		flex: 0 0 100%;
		max-width: 100%;
		border-bottom:1px solid #ccc;
		padding:35px 20px 35px 20px;
		text-align:center;
	}
	.ft-contact .ft-contact-bx::after {
		display:none;
	}
	.ft-contact .ft-contact-bx img
	{
		position:static;
	}
	.ft-contact .ft-contact-bx .title
	{
		margin:0 0 5px 0;
	}
	footer .footer-links ul li
	{
		display:block;
		text-align:center;
	}
	footer .footer-links ul li:not(:last-child) a
	{
		padding-right: 0px;
		margin-right: 0px;
		border-right: 0px solid #fff;
	}
	footer .footer-links ul li a
	{
		padding:5px 0;
		display:block;
	}
	footer .footer-links ul li:hover a
	{
		color:var(--color2);
	}
	.slider-container-about
	{
		max-width:80%;
		margin:auto;
	}
	section.service-content .service-provide-box p
	{
		text-align:center;
	}
	footer .footer-links ul li a
	{
		font-size:18px;
	}
	.copyright-text .newlinespan
	{
		display:block;
	}
	
	
	/*
	======================
	*/
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		font-size:25px;
	} 
	.inner-page-banner .inner-page-banner-child .dataa .mybread ul li a
	{
		font-size:14px;
	}
	.inner-page-banner::before {
		background-size: cover;
		height: 40px;
		background-repeat: no-repeat;
	}
	.image-homepage2
	{
		max-width:80%;
		margin:auto;
		float:none;
		margin-bottom:20px;
	}
	body.product-page .servic-heading
	{
		margin-bottom:20px;
	}
	body.product-page  section.service-content .service-provide-box p
	{
		font-size:15px;
		text-align:center;
	}
	.product-box .image-box
	{
		height:200px;
	}
	.product-box .image-box img
	{
		max-height:200px;
		padding:20px;
	}
	.product-box .detail-box
	{
		height:auto;
		padding-bottom:20px;
	}
	.address-container
	{
		padding-left:15px;
		margin-top:20px;
	}
	.inner-page-banner .inner-page-banner-child .dataa
	{
		max-width:80%;
		width:100%;
	}
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		text-align:center;
	}
	.myformDesign .capacha-div
	{
		margin-top:20px;
		text-align:center;
	}
	.myformDesign .submitButton
	{
		margin-top:0px;
		width:100%;
	}
	.heading h6
	{
		line-height:25px;
	}
	
	
	/*
	===========================
	*/
	#slide1 .carousel-inner .carousel-item .mycaption
	{
		position:static;
		transform: translateX(0%);
		width:100%;
		max-width:100%;
	}
	#slide1 .carousel-inner .carousel-item::before {
		display:none;
	}
	#slide1 .carousel-inner .carousel-item .mycaption h4
	{
		font-size: 18px;
		font-weight:700;
		text-shadow:none;
		background-color:var(--color2);
		color:var(--white);
		padding:10px 0;
	}
	.slider-container-about #slide
	{
		padding:20px 30px 0px 0;
	}
	.slider-container-about #slide::after
	{
		height:95%;
	}
	.heading h4
	{
		font-size:1.4rem;
	}
	.heading.left-heading h4
	{
		padding-bottom: 20px;
		margin-bottom:25px;
	}
	section.service-two-box
	{
		margin-top:30px;
	}
	section.service-two-box .auto-container
	{
		max-width: 100%;
	}
	section.service-two-box .auto-container .service-box .text-container-service
	{
		position:static;
		background-color:var(--color1);
		padding:10px 0;
	}
	section.service-two-box .auto-container .service-box::before {
		position:static;
	}
	section.service-two-box .auto-container .service-box .text-container-service .service-icon {
		margin-bottom:0px;
		width: 70px;
		padding:25px 0 10px;
	}
	section.service-two-box .auto-container .service-box .service-heading
	{
		padding-bottom:20px;
		margin-bottom:0;
	}
	.right-content-box.right-content-box2
	{
		padding-left:0;
		margin-top:0;
	}
	section.mission-motto
	{
		padding:40px 0;
		background-position:right;
	}
	.right-content-box .desc-area.mission-motto
	{
		padding:33px 20px 20px;
		max-width:90%;
	}
	.right-content-box .desc-area.mission-motto p
	{
		line-height: 40px;
		font-size: 22px;
	}
	.heading 
	{
		text-align:center;
	}
	.right-content-box .desc-area p.text-left
	{
		text-align:center !important;
	}
	.copyright-text span.newlinespan
	{
		display:block;
		text-align:center;
	}
	
	/*
		=========================
	*/
	
	.inner-banner
	{
		height:200px;
	}
	.inner-banner .text-container
	{
		left:20px;
	}
	.inner-banner h2
	{
		font-size: 25px;
		line-height: 30px;
		font-weight: 800;
	}
	.image-homepage-msg
	{
		display:block;
		width:100%;
		max-width:250px;
		height:250px;
		margin-right:0;
		margin-left:10px;
		margin-bottom:20px;
	}
	.message-box .image-homepage-msg img
	{
		max-width:250px;
		height:250px;
		width:100%;
	}
	.message-box
	{
		margin-top:0;
	}
	.message-box .detail-box
	{
		display:block;
		padding-left: 0px;
	}
	.my-text-container
	{
		max-width: 90%;
		margin: auto;
		margin-top: 40px;
	}
	.mission-vision .mission-box
	{
		position:static;
		background-image:none !important;
		padding:30px 20px;
		clear:both;
	}
	.mission-vision .mission-box
	{
		width:100%;
		max-width:90%;
		margin:auto;
		margin-bottom:20px;
		height:auto;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%)
	}
	.mission-vision
	{
		height:auto;
	}
	.mission-vision .mission-box.left-area p
	{
		padding-right:0;
		text-align:center;
	}
	
	.mission-vision .mission-box.left-area p
	{
		font-size:25px;
	}
	.mission-vision .mission-box.right-area p
	{
		padding-left:0;
		text-align:center;
	}
	.contact-page-content
	{
		background-image:none;
	}
	.sec-padding
	{
		padding:30px 0;
	}
	.contact-info ul li
	{
		text-align:center;
	}
	.contact-info ul li .icon-box, 
	.contact-info ul li .content{
			display:block;
	}
	.contact-info ul li .icon-box
	{
		margin-bottom:15px;
	}
	.contact-info ul li .content
	{
		padding-left:0;
	}
	.contact-info ul li
	{
		padding-top: 18px;
		padding-bottom: 13px;
	}
	.contact-info
	{
		padding-left: 15px;
		padding-right: 15px;
	}	
	.whatsapp-icon
	{
		width:80px;
	}
	
}

@media screen and (min-width:577px) and (max-width:767px)
{
	/*
	============ Navigation =============
	*/
	.topbar{
		padding:0;
	}
	.logo{
		display:block;
		width:95%;
		padding:0px 0 7px;
	}
	.top-call-info
	{
		float:none;
		display:table;
		margin:20px auto 0;
		padding-left: 30px;
		padding-right: 24px;
		margin: 0;
		width: 95%;
		margin-top: 30px;
	}
	.top-call-info a
	{
		margin-left:0;
		margin-bottom:10px;
	}
	.toggle-container
	{
		position:relative;
	}
	.toggle-container .toggle-btn
	{
		position:absolute;
		top:20px;
		right:20px;
		display:inline-block;
		width:40px;
		height:40px;
		background-color:var(--color2);
		text-align:center;
		border-radius:5px;
		cursor:pointer;
	}
	.top-call-info a .detail-box .detail
	{
		color:var(--black);
	}
	.toggle-container .toggle-btn .fa
	{
		line-height:40px;
		font-size:1.3em;
		color:var(--white);
	}
	
	.hide-from-small-screen
	{
		display:none;
	}
	
	.navigation-bar .mynavbars
	{
		padding-left:0;
	}
	.navigation-bar
	{
		position:fixed;
		top:0;
		left:-120%;
		width:70%;
		height:100vh;
		background-color:var(--white);
		-webkit-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		-moz-box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);
		box-shadow: 10px 2px 5px -7px rgba(0,0,0,0.28);	
		padding-top:20px;
		transition:all .5s linear;
		overflow-y:auto;
	}
	.navigation-bar.show
	{
		left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li
	{
		float:none;
		margin:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li:not(:first-child) a
	{
		border-left:0;
	}
	.navigation-bar .mynavbars .main-ul .main-li a
	{
		color:var(--dark);
		display:block;
		padding:8px 25px;
		border-bottom:1px dashed #999;
		font-size:14px;
	}
	.navigation-bar .mynavbars .main-ul .main-li:hover a
	{
		background-color:var(--color1);
	}
	.navigation-bar .enquiry-button-container:hover a, 
	.navigation-bar .enquiry-button-container:hover::before,
	.navigation-bar .enquiry-button-container a
	{
		background-color:white;
	}
	
	.navigation-bar .enquiry-button-container
	{
		background-color:transparent;
		padding-right:15px;		
	}
	.navigation-bar .enquiry-button-container a
	{
		display:block;
		width:100%;
		color:var(--dark);
		font-family: 'Roboto';
		font-weight: 500;
		font-size: 14px;
		padding:8px 25px;
	}
	
	.navigation-bar .enquiry-button-container:hover a
	{
		background-color:var(--color1);
		color:var(--white);
	}
	
	.navigation-bar .enquiry-button-container::before,
	.navigation-bar .enquiry-button-container::after
	{
		display:none;
	}
	
	/*
	=========================
	*/
	
	section.about-us-section
	{
		margin-top:25px;
	}
	.right-content-box
	{
		margin-right:0;
		padding-left:0;
		margin-top:20px;
	}
	.heading.left-heading h4
	{
		margin-bottom:0;
	}
	.right-content-box .desc-area p
	{
		text-align:left;
		font-size:15px;
	}
	section.service-content
	{
		margin-top:30px;
		padding:30px 0 40px;
	}
	section.service-content .servic-heading
	{
		border-right:0;
		padding-right:0px;
		margin-right:0px;
	}
	section.service-content .servic-heading span
	{
		text-align:center;
		font-size:25px;
	}
	.heading h4{
		font-size: 1.6rem;
		line-height: 27px;
		margin-bottom:15px;
	}
	.container
	{
		max-width:95%;
	}
	.list-items-bulltes.two-ul ul
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		margin-top:20px;
		margin-bottom:20px;
	}
	.list-items-bulltes ul li
	{
		font-size:16px;
		margin-bottom:12px;
	}
	.ft-contact
	{
		display:block;
		border-radius:0;
		max-width:80%;
		margin:auto;
		margin-top:60px;
	}
	.ft-contact .ft-contact-bx
	{
		flex: 0 0 100%;
		max-width: 100%;
		border-bottom:1px solid #ccc;
		padding:35px 20px 35px 20px;
		text-align:center;
	}
	.ft-contact .ft-contact-bx::after {
		display:none;
	}
	.ft-contact .ft-contact-bx img
	{
		position:static;
	}
	.ft-contact .ft-contact-bx .title
	{
		margin:0 0 5px 0;
	}
	
	.slider-container-about
	{
		max-width:80%;
		margin:auto;
	}
	section.service-content .service-provide-box p
	{
		text-align:center;
	}
	footer .footer-links ul li a
	{
		font-size:16px;
	}
	.copyright-text .newlinespan
	{
		display:block;
	}
	
		
	
	/*
	======================
	*/
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		font-size:25px;
	} 
	.inner-page-banner .inner-page-banner-child .dataa .mybread ul li a
	{
		font-size:14px;
	}
	.inner-page-banner::before {
		background-size: cover;
		height: 40px;
		background-repeat: no-repeat;
	}
	.image-homepage2
	{
		max-width:80%;
		margin:auto;
		float:none;
		margin-bottom:20px;
	}
	body.product-page .servic-heading
	{
		margin-bottom:20px;
	}
	body.product-page  section.service-content .service-provide-box p
	{
		font-size:15px;
		text-align:center;
	}
	.product-box .image-box
	{
		height:200px;
	}
	.product-box .image-box img
	{
		max-height:200px;
		padding:20px;
	}
	.product-box .detail-box
	{
		height:270px;
		padding-bottom:20px;
	}
	.address-container
	{
		padding-left:15px;
		margin-top:20px;
	}
	.inner-page-banner .inner-page-banner-child .dataa
	{
		max-width:80%;
		width:100%;
	}
	.inner-page-banner .inner-page-banner-child .dataa h4
	{
		text-align:center;
	}
	.myformDesign .capacha-div
	{
		margin-top:20px;
		text-align:center;
	}
	.myformDesign .submitButton
	{
		margin-top:0px;
		width:100%;
	}
	.heading h6
	{
		line-height:25px;
	}
	
		
	/*
	===========================
	*/
	#slide1 .carousel-inner .carousel-item .mycaption
	{
		position:static;
		transform: translateX(0%);
		width:100%;
		max-width:100%;
	}
	#slide1 .carousel-inner .carousel-item::before {
		display:none;
	}
	#slide1 .carousel-inner .carousel-item .mycaption h4
	{
		font-size: 18px;
		font-weight:700;
		text-shadow:none;
		background-color:var(--color2);
		color:var(--white);
		padding:10px 0;
	}
	.slider-container-about #slide
	{
		padding:20px 30px 0px 0;
	}
	.slider-container-about #slide::after
	{
		height:95%;
	}
	.heading h4
	{
		font-size: 1.5rem;
	}
	.heading.left-heading h4
	{
		padding-bottom: 20px;
		margin-bottom:25px;
	}
	section.service-two-box
	{
		max-width:90%;
		margin:auto;
		margin-top:30px;
	}
	section.service-two-box .auto-container
	{
		max-width: 100%;
	}
	section.service-two-box .auto-container .service-box .text-container-service
	{
		position:static;
		background-color:var(--color1);
		padding:40px 0;
	}
	section.service-two-box .auto-container .service-box::before {
		position:static;
	}
	section.service-two-box .auto-container .service-box .text-container-service .service-icon {
		margin-bottom:0px;
		width: 70px;
		padding:25px 0 10px;
	}
	section.service-two-box .auto-container .service-box .service-heading
	{
		padding-bottom:20px;
		margin-bottom:0;
	}
	.right-content-box.right-content-box2
	{
		padding-left:0;
		margin-top:0;
	}
	section.mission-motto
	{
		padding:40px 0;
		background-position:right;
	}
	.right-content-box .desc-area.mission-motto
	{
		padding:33px 20px 20px;
		max-width:90%;
	}
	.right-content-box .desc-area.mission-motto p
	{
		line-height: 40px;
		font-size: 22px;
	}
	.heading 
	{
		text-align:center;
	}
	.right-content-box .desc-area p.text-left
	{
		text-align:center !important;
	}
	.copyright-text span.newlinespan
	{
		display:block;
		text-align:center;
	}
	
	#slide .carousel-indicators
	{
		display:none;
	}
	
	/*
		=========================
	*/
	
	.inner-banner
	{
		height:200px;
	}
	.inner-banner .text-container
	{
		left:20px;
	}
	.inner-banner h2
	{
		font-size: 25px;
		line-height: 30px;
		font-weight: 800;
	}
	.image-homepage-msg
	{
		display:block;
		width:100%;
		max-width:350px;
		height:350px;
		margin:auto;
		margin-bottom:20px;
	}
	.message-box .image-homepage-msg img
	{
		max-width:350px;
		height:350px;
		width:100%;
	}
	.message-box
	{
		margin-top:0;
	}
	.message-box .detail-box
	{
		display:block;
		padding-left: 0px;
	}
	.my-text-container
	{
		max-width: 90%;
		margin: auto;
		margin-top: 40px;
	}
	
	.contact-page-content
	{
		background-image:none;
	}
	.sec-padding
	{
		padding:30px 0;
	}
	.contact-info ul li
	{
		text-align:center;
	}
	.contact-info ul li .icon-box, 
	.contact-info ul li .content{
			display:block;
	}
	.contact-info ul li .icon-box
	{
		margin-bottom:15px;
	}
	.contact-info ul li .content
	{
		padding-left:0;
	}
	.contact-info ul li
	{
		padding-top: 18px;
		padding-bottom: 13px;
	}
	.contact-info
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.mission-vision .mission-box
	{
		width:40%;
		background-image:none !important;
		padding:40px 25px 30px;
	}
	.mission-vision .mission-box.left-area p
	{
		font-size:30px;
		padding-right:0;
	}
	.mission-vision .mission-box.right-area p
	{
		padding-left:0;
		font-size:25px;
		line-height:40px;
		text-align:center;
	}
	.mission-vision
	{
		height:400px;
	}
	.service-box:hover .icon-bx-wraper .icon-content p
	{
		font-weight:400;
	}
	
		
	.whatsapp-icon
	{
		width:100px;
	}
}

@media screen and (min-width:768px) and (max-width:992px)
{ 
	.toggle-btn
	{
		display:none;
	}
	.logo
	{
		display:block;
		text-align:center;
	}
	.container
	{
		max-width:95%;
	}
	.hide-from-big-screen
	{
		display:none;
	}
	.top-call-info .first-anchor
	{
		margin-left:0;
	}
	.top-call-info
	{
		float:none;
		margin-bottom:10px;
		margin-top:30px;
	}
	.navigation-bar .mynavbars
	{
		padding-left:15px;
	}
	.mynavbars ul.main-ul
	{
		overflow:hidden;
	}
	.navigation-bar .mynavbars .main-ul .main-li
	{
		margin:10px 0;
	}
	.navigation-bar .mynavbars .main-ul > .main-li > a
	{
		padding:4px 10px;
	}
	.navigation-bar .mynavbars .main-ul > .main-li > a
	{
		text-transform:capitalize;
	}
	.navigation-bar .enquiry-button-container
	{
		padding-right:20px;
	}
	.navigation-bar .enquiry-button-container a
	{
		padding:14px 0;
		padding-right:25px;
		padding-left: 25px;
	}
	.right-content-box
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.heading.left-heading h4
	{
		margin-bottom:10px;
	}
	section.about-us-section
	{
		margin-top:30px;
	}
	section.service-content
	{
		margin-top:30px;
	}
	section.service-content .servic-heading
	{
		padding-right: 0px;
		margin-right: 0px;
		border-right: 0px solid #3dc1fd;
	}
	section.service-content .servic-heading span
	{
		text-align:center;
	}
	.service-provide-box
	{
		text-align:center;
		max-width:90%;
		margin:auto;
	}
	.heading.heading23 h4
	{
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 30px;
	}
	.list-items-bulltes.two-ul ul
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.ft-contact .ft-contact-bx
	{
		padding:35px 20px 35px 20px;
		text-align:center;
	}
	.ft-contact .ft-contact-bx img
	{
		position:static;
	}
	.dlab-newsletter > .container
	{
		max-width:100%;
	}
	.ft-contact .ft-contact-bx img
	{
		width:45px;
		height:45px;
	}
	.ft-contact .ft-contact-bx .title
	{
		font-size:18px;
		font-weight:600;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	/*
	====================
	*/
	.image-homepage2
	{
		width: 250px;
		margin-left: 15px;
	}
	.product-box .detail-box
	{
		height:210px;
	}
	.address-container
	{
		padding-left:15px;
	}
	
	/*
	=======================
	*/
	.topbar .logo
	{
		display:table;
		margin:auto;
	}
	.topbar .logo img
	{
		width:80%;
	}
	.navigation-bar .enquiry-button-container a
	{
		display:block;
		max-width:30%;
		margin:auto;
		text-align:center;
		background-color:var(--color1);
	}
	.navigation-bar .enquiry-button-container::before,
	.navigation-bar .enquiry-button-container::after
	{
		display:none;
	}
	section.service-content
	{
		padding:80px 0 200px;
	}
	section.service-two-box .auto-container .service-box .text-container-service
	{
		bottom:20px;
	}
	section.service-two-box .auto-container .service-box .service-heading
	{
		font-size:20px;
	}
	section.service-two-box .auto-container .service-box .text-container-service .service-icon
	{
		margin-bottom:10px;
		width:70px;
	}
	section.mission-motto
	{
		background-position:right;
	}
	footer .footer-links
	{
		max-width: 68%;
		margin: auto;
	}
	footer .footer-links ul
	{
		display:table;
		margin:auto;
	}
	
	/*
	==================
	*/
	.image-homepage-msg
	{
		display:block;
		width: 250px;
		height: 250px;
		float:left;
		margin-top:50px;
	}
	.message-box .image-homepage-msg img
	{
		width: 250px;
		height:250px;
	}
	.message-box .detail-box
	{
		padding-left:10px;
	}
	.mission-vision .mission-box
	{
		width:40%;
		background-image:none !important;
		padding:40px 25px 30px;
	}
	.mission-vision .mission-box.left-area p
	{
		font-size:30px;
		padding-right:0;
	}
	.mission-vision .mission-box.right-area p
	{
		padding-left:0;
		font-size:25px;
		line-height:50px;
		text-align:center;
	}
	.mission-vision
	{
		height:400px;
	}
	.service-box:hover .icon-bx-wraper .icon-content p
	{
		font-weight:400;
	}
	
	.list-items-bulltes ul
	{
		margin-top:20px;
		-webkit-column-count: 2; 
            -moz-column-count: 2;  
            column-count: 2; /* divides text in 2 columns */ 
	}
	.map-after-div
	{
		margin-top:20px;
	}
	.map-after-div .contact-info
	{
		margin-top:20px;
		width:70%;
	}
	
}





/*
=====================================
*/
@media screen and (max-width:767px)
{
	.navigation-bar
	{
		z-index:20;
	}
}	
@media screen and (min-width:768px)
{
	.toggle-btn
	{
		display:none;
	}
	.hide-from-big-screen
	{
		display:none;
	}
}

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