@media screen and (max-width:480px)
{
	/*
	============ Navigation =============
	*/
	.topbar{
		padding:0;
	}
	.logo{
		display:block;
		width:80%;
		padding:7px 0;
	}
	.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;
	}
	.toggle-container
	{
		position:relative;
	}
	.toggle-container .toggle-btn
	{
		position:absolute;
		top:20px;
		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);
	}
	
	.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;
	}
	.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%;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.whatsapp-icon {
        width: 80px
    }
	
}

@media screen and (min-width:577px) and (max-width:767px)
{
	/*
	============ 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;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	
	
}

@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:25px;
	}
	.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 14px;
	}
	.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;
	}
}





/*
=====================================
*/
@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)
{
	
}