@media screen and (max-width:480px)
{
	.container
	{
		max-width: 100%;
	}

	section.home-about
	{
		background-image: none !important;
	}
	section.home-about::before {
		display: none;
	}
	section.home-about::after {
		display: none;
	}
	.content-box-home
	{
	   padding: 0;
	   margin-top: 20px;
	}
	.content-box-home .title
	{
		color: var(--color1);
		text-align: center;
	}
	.content-box-home p
	{
		color: #000;
		font-size: 14px;
	}

	.readmore
	{
		display: block;
		background-color: var(--color1);
		text-align: center;
		border-radius: 3px;
		background-image: url(../img/pattern2.png);
		border:0px;
	}
	.page-banner
	{
		background-size: cover;
	}
	.page-banner .banner-text-area .page-headings
	{
		text-align: center;
		color: var(--color1);
	}
	.page-banner .banner-text-area .my-breadcrumbs
	{
		float: none;
	}
	.page-banner .banner-text-area .my-breadcrumbs ul
	{
		display: table;
		margin: 0 auto;
	}
	.descriptionArea .descImage
	{
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.heading1 h2
	{
		font-size: 24px;
	}

	section.page-content.register
	{
		margin-top: 0;
	}
	section.page-content.register > .container
	{
		padding-left: 0;
		padding-right: 0;
	}
	.myform
	{
		box-shadow: none;
		border: none;
		background-color: var(--white);
		padding: 30px 20px 15px;
	}

	.page-content.contact .myform
	{
		padding-left: 0;
		padding-right: 0;
	}


}
@media screen and (min-width:481px) and (max-width:576px)
{
 	.container
	{
		max-width: 95%;
	}

	section.home-about
	{
		background-image: none !important;
	}
	section.home-about::before {
		display: none;
	}
	section.home-about::after {
		display: none;
	}
	.content-box-home
	{
	   padding: 0;
	   margin-top: 20px;
	}
	.content-box-home .title
	{
		color: var(--color1);
		text-align: center;
	}
	.content-box-home p
	{
		color: #000;
		font-size: 14px;
	}

	.readmore
	{
		display: inline-block;
		background-color: var(--color1);
		text-align: center;
		border-radius: 3px;
		background-image: url(../img/pattern2.png);
		border:0px;
		display: table;
		margin: 0 auto;
	}
	.page-banner
	{
		background-size: cover;
	}
	.page-banner .banner-text-area .page-headings
	{
		text-align: center;
		color: var(--color1);
	}
	.page-banner .banner-text-area .my-breadcrumbs
	{
		float: none;
	}
	.page-banner .banner-text-area .my-breadcrumbs ul
	{
		display: table;
		margin: 0 auto;
	}
	.descriptionArea .descImage
	{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 20px;
		float: none;
	}
	.heading1 h2
	{
		font-size: 24px;
	}

	
	.myform
	{
		box-shadow: none;
		border: none;
		background-color: var(--white);
		padding: 30px 20px 15px;
	}


	.col_481_576
	{
		width: 50%;
	}

}

@media screen and (min-width:577px) and (max-width:767px)
{
	.container
	{
		max-width: 95%;
	}

	section.home-about
	{
		background-image: none !important;
	}
	section.home-about::before {
		display: none;
	}
	section.home-about::after {
		display: none;
	}
	.content-box-home
	{
	   padding: 0;
	   margin-top: 20px;
	}
	.content-box-home .title
	{
		color: var(--color1);
		text-align: center;
	}
	.content-box-home p
	{
		color: #000;
		font-size: 14px;
	}

	.readmore
	{
		display: inline-block;
		background-color: var(--color1);
		text-align: center;
		border-radius: 3px;
		background-image: url(../img/pattern2.png);
		border:0px;
		display: table;
		margin: 0 auto;
	}
	.page-banner
	{
		background-size: cover;
	}
	.page-banner .banner-text-area .page-headings
	{
		text-align: center;
		color: var(--color1);
	}
	.page-banner .banner-text-area .my-breadcrumbs
	{
		float: none;
	}
	.page-banner .banner-text-area .my-breadcrumbs ul
	{
		display: table;
		margin: 0 auto;
	}
	.descriptionArea .descImage
	{
		width: 300px;
	}
	.heading1 h2
	{
		font-size: 24px;
	}

	
	.myform
	{
		box-shadow: none;
		border: none;
		background-color: var(--white);
		padding:30px 0;
	}

	section.project-home .testimonial .testimonial_box .title::before {
		border:none;
		display: none;
	}
	section.project-home .testimonial .testimonial_box .title
	{
		width: 94%;
	}
	.pREDUCE_Gallery
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.mysidebars
	{
		max-width: 400px;
		margin: 0 auto;
		margin-top: 10px;
	}
 
}

@media screen and (min-width:768px) and (max-width:992px)
{
		.navigation .logo
		{
			width: 300px;
			margin: 0 auto;
		}
		header.navigation ul.main-ul li.main-li
		{
			padding: 15px 15px;
		}
		header.navigation ul.main-ul
		{
			float: none;
			display: table;
			margin: 0 auto;
		}

		header.navigation ul.main-ul li.main-li.inner-dropdown .sub-menus
		{
			opacity: 0;
			visibility: hidden;
			transition: opacity .2s linear;
		}
		header.navigation ul.main-ul li.main-li.inner-dropdown:hover .sub-menus
		{
			opacity: 1;
			visibility: visible;
		}

		.home-about > .container
		{
			max-width: 100%;
		}
		.content-box-home
		{
			padding-left: 00px;
			width: 90%;
			margin: 0 auto;
		}
		section.home-about::before {
			display: none;
		}
		section.home-about::after {
			width: 100%;
		}
		.descriptionArea .descImage
		{
			width: 300px;
		}
		.container
		{
			max-width: 95%;
		}
}

@media screen and (min-width:993px) and (max-width:1140px)
{
  
}

/*
***********************************
Simillar
***********************************
*/

@media screen and (min-width: 768px)
{
	.toggle-parent .toggle-child
	{
		display: none;
	}
}

/*
***********************************
Navigation
***********************************
*/

@media screen and (max-width:767px)
{
   .navigation
   {
   		padding:0;
   }
   .navigation .logo
   {
   		width: 85%;
   }
	.toggle-parent
	{
		position: relative;
	}
   .toggle-parent .toggle-child
   {
		position: absolute;
		top: 15px;
		right: 17px;
		color: var(--white);
		width: 35px;
		height: 35px;
		background-color: var(--color1);
		text-align: center;
		border-radius: 3px;
		cursor: pointer;
   }
   .toggle-parent .toggle-child .fa
   {
   		font-size: 1.5em;
   		line-height: 35px;
   }

   header.navigation ul.main-ul
   {
   		float: none;
		padding: 20px;
		background-color: #f6f4f4;
		border: 1px solid #e3e3e3;
		margin-top: 15px;
		margin-bottom: 10px;
		display:none;
   }

   header.navigation ul.main-ul li.main-li.inner-dropdown .sub-menus
   {
   		position: static;
   		display: none;
   }

   header.navigation ul.main-ul li.main-li
   {
		float: none;
		border-bottom: 1px solid var(--color1);
		padding: 0;
   }

   header.navigation ul.main-ul li.main-li a
   {
		padding: 7px 15px;
   }

   header.navigation ul.main-ul li.main-li > a::before,
   header.navigation ul.main-ul li.main-li > a::after
    {
    	display: none;
    	width: 0;
    }
}