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

	.topbar
	{
		display: none;
	}

	.navigation .logo
	{
		width: 80%;
	}
	

	#slider .carousel-inner .carousel-item .mycaptions
	{
		display: none;
	}

	section.aboutus
	{
		position: static;
	}

	section.aboutus .myaboutbox
	{
		box-shadow: none;
		background-color: var(--white);
		padding:30px 00px;
	}
	.heading h4
	{
		font-size: 25px;
		font-family: var(--ral8);
	}
	section.aboutus .myaboutbox p
	{
		line-height: 22px;
	}
	.readmore
	{
		margin-top: 10px;
		margin-bottom: 20px;
		text-align: center;
	}
	.readmore a
	{
		padding:3px 20px;
		font-size: 13px;
	}

	.service-png-parent .image-transport
	{
		position: static;
		margin-bottom: 25px;
	}
	section.services
	{
		padding:50px 10px;
	}
	.service-box .service-detail p
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0;
	}

	footer
	{
		padding: 30px 0 20px;
	}

	footer .last-footer
	{
		padding-left: 15px;
	}
	footer .ftr-box
	{
		margin-bottom: 20px;
	}
	.copyright
	{
		font-size: 14px;
	}

	#slider .carousel-control-next, #slider .carousel-control-prev
	{
		width: 30px;
		height: 35px;
		font-size: 1.6em;
	}

	.logo-parents
	{
		position: relative;
		padding:10px 0;
	}
	.logo-parents .toggle-button
	{
		position: absolute;
		right: 15px;
		top: 25px;
		color: var(--dark);
		cursor: pointer;
	}
	.logo-parents .toggle-button i
	{
		font-size: 2em;
	}

	.logo1
	{	
		display: none;
	}
	.logo2
	{	
		display:block;
	}





	.navigation
	{
		padding: 0
	}
	section.banner
	{
		height: auto;
		min-height: 200px;
		padding: 100px 0;
	}
	section.banner .text-container
	{
		text-align: center;
	}
	section.banner .text-container .banner-title
	{
		font-size: 27px;
		margin-bottom: 10px;
	}
	section.banner .text-container
	{
		width: 100%;
	}
	section.banner .text-container .breadcrumbs ul
	{
		display: table;
		margin: auto;
	}
	section.content
	{
		margin-top: 25px;
	}
	.imageboxes
	{
		float: none;
		width: 100%;
	}
	.content > .container
	{
		max-width: 90%;
	}
	.mar-top
	{
		margin-top: 0;
	}
	.accordion-box-website
	{
		width: 100%;
	}
	.heading h3
	{
		font-size: 30px;
		text-align: center;
	}
	.myformDesign
	{
		padding-right: 0;
		margin-top: 10px;
	}
	.myformDesign .form-group .capacha-div
	{
		text-align: center;
		margin-top: 10px;
	}
	.myformDesign .submitButton
	{
		width: 100%;
	}
	.map-div
	{
		margin-bottom: 20px;
	}

	.heading.contactss h3
	{
		margin-bottom: 0;
	}

	.serv-boxes
	{
		padding: 10px 10px;
	}
	.serv-boxes .para
	{
		display: block;
	}
	.serv-boxes .image-left, .serv-boxes .image-right
	{
		display: block;
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	section.content.servicesss .heading h3
	{
		font-size: 26px;
	}

	.serv-boxes
	{
		margin-bottom: 20px;
	}

	.order-1 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
	}

}


@media screen and (min-width:481px) and (max-width:576px)
{
      .topbar
	{
		display: none;
	}

	.navigation .logo
	{
		width: 90%;
	}
	.navigation .logo
	{
		margin:6px 0;
	}
	
	.logo1
	{	
		display:block ;
	}
	.logo2
	{	
		display:none;
	}

	#slider .carousel-inner .carousel-item .mycaptions
	{
		display: none;
	}

	section.aboutus
	{
		position: static;
	}

	section.aboutus .myaboutbox
	{
		box-shadow: none;
		background-color: var(--white);
		padding:30px 00px;
	}
	.heading h4
	{
		font-size: 25px;
		font-family: var(--ral8);
	}
	section.aboutus .myaboutbox p
	{
		line-height: 22px;
	}
	.readmore
	{
		margin-top: 10px;
		margin-bottom: 20px;
		text-align: center;
	}
	.readmore a
	{
		padding:3px 20px;
		font-size: 13px;
	}

	.service-png-parent .image-transport
	{
		position: static;
		margin-bottom: 25px;
		margin-top: 15px;
		width: 80%;
		margin-left: 10%;
	}
	section.services
	{
		padding:50px 10px;
	}
	.service-box .service-detail p
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0;
	}

	footer
	{
		padding: 30px 0 20px;
	}

	footer .last-footer
	{
		padding-left: 15px;
	}
	footer .ftr-box
	{
		margin-bottom: 20px;
	}
	.copyright
	{
		font-size: 14px;
	}

	#slider .carousel-control-next, #slider .carousel-control-prev
	{
		width: 30px;
		height: 35px;
		font-size: 1.6em;
	}

	.logo-parents
	{
		position: relative;
		padding:10px 0;
	}
	.logo-parents .toggle-button
	{
		position: absolute;
		right: 15px;
		top: 25px;
		color: var(--dark);
		cursor: pointer;
	}
	.logo-parents .toggle-button i
	{
		font-size: 2em;
	}

	.myaboutbox .image
	{
		max-width: 80%;
		margin-left: 10%;
		margin-top: 10px;
	}

	.copyright span.copyrights
	{
		display: block;
	}




	.navigation
	{
		padding: 0
	}
	section.banner
	{
		height: auto;
		min-height: 200px;
		padding: 100px 0;
	}
	section.banner .text-container
	{
		text-align: center;
	}
	section.banner .text-container .banner-title
	{
		font-size: 27px;
		margin-bottom: 10px;
	}
	section.banner .text-container
	{
		width: 100%;
	}
	section.banner .text-container .breadcrumbs ul
	{
		display: table;
		margin: auto;
	}
	section.content
	{
		margin-top: 25px;
	}
	.imageboxes
	{
		float: none;
		width: 100%;
	}
	.content > .container
	{
		max-width: 90%;
	}
	.mar-top
	{
		margin-top: 0;
	}
	.accordion-box-website
	{
		width: 100%;
	}
	.heading h3
	{
		font-size: 30px;
		text-align: center;
	}
	.myformDesign
	{
		padding-right: 0;
		margin-top: 10px;
	}
	.myformDesign .form-group .capacha-div
	{
		text-align: center;
		margin-top: 10px;
	}
	.myformDesign .submitButton
	{
		width: 100%;
	}
	.map-div
	{
		margin-bottom: 20px;
	}

	.heading.contactss h3
	{
		margin-bottom: 0;
	}

	.serv-boxes
	{
		padding: 10px 10px;
	}
	.serv-boxes .para
	{
		display: block;
	}
	.serv-boxes .image-left, .serv-boxes .image-right
	{
		display: block;
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	section.content.servicesss .heading h3
	{
		font-size: 26px;
	}

	.serv-boxes
	{
		margin-bottom: 20px;
	}
}

@media screen and (min-width:577px) and (max-width:767px)
{
   	.topbar ul.topinfo li.hides
   	{
   		display: none;
   	}

   	.logo1
   	{
   		display: inline-block;
   	}
   	.logo2
   	{
   		display: none;
   	}

   	.navigation .logo
   	{
   		width: 80%;
   	}

   	.logo-parents .toggle-button
	{
		position: absolute;
		right: 15px;
		top: 18px;
		color: var(--dark);
		cursor: pointer;
	}
	.logo-parents .toggle-button i
	{
		font-size: 2em;
	}

	#slider .carousel-inner .carousel-item .mycaptions
	{
		display: none;
	}

	.service-png-parent .image-transport
	{
		position: static;
	}
	.service-png-parent .image-transport img
	{
		width: 80%;
		margin-left: 10%;
		margin-bottom: 30px;
	}
	.pad-left-2
	{
		padding-left: 0;
	}

	footer .last-footer
	{
		padding-left: 15px;
		margin-top: 20px;
	}

	.copyright span.copyrights
	{
		display: block;
	}




	.navigation
	{
		padding: 0 0 10px;
	}
	section.banner
	{
		height: auto;
		min-height: 200px;
		padding: 100px 0;
	}
	section.banner .text-container
	{
		text-align: center;
	}
	section.banner .text-container .banner-title
	{
		font-size: 27px;
		margin-bottom: 10px;
	}
	section.banner .text-container
	{
		width: 100%;
	}
	section.banner .text-container .breadcrumbs ul
	{
		display: table;
		margin: auto;
	}
	section.content
	{
		margin-top: 25px;
	}
	.imageboxes
	{
		float: none;
		width: 100%;
	}
	.content > .container
	{
		max-width: 90%;
	}
	.mar-top
	{
		margin-top: 0;
	}
	.accordion-box-website
	{
		width: 100%;
	}
	.heading h3
	{
		font-size: 30px;
		text-align: center;
	}
	.myformDesign
	{
		padding-right: 0;
		margin-top: 10px;
	}
	.myformDesign .form-group .capacha-div
	{
		text-align: center;
	}
	.myformDesign .submitButton
	{
		width:50%;
		margin-left: 25%;
	}
	.map-div
	{
		margin-bottom: 20px;
	}

	.heading.contactss h3
	{
		margin-bottom: 0;
	}

	.serv-boxes
	{
		padding: 10px 10px;
	}
	.serv-boxes .para
	{
		display: block;
	}
	.serv-boxes .image-left, .serv-boxes .image-right
	{
		display: block;
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	section.content.servicesss .heading h3
	{
		font-size: 26px;
	}

	.serv-boxes
	{
		margin-bottom: 20px;
	}

}

@media screen and (min-width:768px) and (max-width:992px)
{
   .topbar .socials
   {
   	margin-top: 10px;
   }
   .topbar .myborderbottom
   {
   	padding-bottom: 10px;
   }
   .toggle-button
   {
   	display: none;
   }
   .navigation .logo
   {
   	text-align: center;
   }
   .navigation .logo a
   {
   	display: inline-block;
   }
   .navigation .logo a img
   {
   	 max-width: 450px;
   }
   #slider .carousel-inner .carousel-item .mycaptions
   {
   	display: none;
   }
   .service-png-parent .image-transport
   {
   	position:static;
   	width: 70%;
   	margin-left: 15%;
   	margin-bottom: 30px;
   }
   .service-box
   {
   		padding:25px 10px;
   }
   .service-box .service-detail p
   {
   	font-size: 14px;
   }

   .imageboxes
   {
   	width: 350px;
   }
   section.banner .text-container .banner-title
   {
   	white-space: nowrap;
   }
   .text-container .breadcrumbs ul
   {
		display: table;
		margin: auto;
   }
   .navigation .mynavbars ul.main-ul li.main-li{
   	margin: 10px 30px 0 0;
   }
}





/*
=====================================
*/


@media screen and (min-width:768px)
{
	.hide-768-width
	{
		display: block;
	}
	.logo1
	{	
		display: block;
	}
	.logo2
	{	
		display: none;
	}
	.only-small-screen
	{
		display:none;
	}
	.toggle-button
	{
		display: none;
	}
}

@media screen and (max-width:767px)
{
	.hide-768-width
	{
		display: none;
	}
	
	.border-bottoms
	{
		display: none;
	}

	.navigation .mynavbars ul.main-ul
	{
		float: none;
		display: none;
		height: auto;
	}
	.navigation .mynavbars ul.main-ul > li.main-li > a::before 
	{
		display: none;
	}
	.navigation .mynavbars ul.main-ul li.main-li
	{
		float: none;
		margin:0;
		text-align: center;
	}
	.navigation .mynavbars ul.main-ul li.main-li a{
		border-bottom: 1px solid #ccc;
	}
	.navigation .mynavbars ul.main-ul li.main-li.has-ul ul.dropdown-menus
	{
		position: static;
		background-color: #ece8e8;
		display: none;
	}
	.navigation .mynavbars ul.main-ul li.main-li.has-ul ul.dropdown-menus li a{
		border-bottom: 1px solid #b9babb;
	}

	.only-small-screen
	{
		display:block
	}

	.toggle-button
	{
		display: block;
	}

}


/*
*********************************************
*/


@media screen and (max-width: 768px)
{
    .team0001
    {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .team0001 .para
    {
        flex: 0 0 auto;
        order: 2;
    }
    .team0001 .image-right
    {
        flex: 0 0 auto;
        order: 1;
    	text-align: center;
    }
    .team0001 .image-right img
    {
    	width: 230px;
    }
    body.teams .heading h6
    {
    	text-align: center;
    }


    .team0002
    {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .team0002 .para
    {
        flex: 0 0 auto;
        order: 2;
    }
    .team0002 .image-left
    {
        flex: 0 0 auto;
        order: 1;
    	text-align: center;
    }
    .team0002 .image-left img
    {
    	width: 230px;
    }
}