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

	.toggle-parents
	{
		position: relative;
	}

    .toggle-parents .logo
   	{
   		width: 80%;
   	}
	.toggle-parents .toggle-button
	{
		position: absolute;
		width: 35px;
		height: 35px;
		line-height: 35px;
		right: 13px;
		top: 10px;
		cursor: pointer;
	}

	.navigation .mynarbars
	{
		background-color: var(--color2);
		display: none;
	}

	.navigation .mynarbars ul.main-ul
	{
		float: none;
		padding: 20px;
	}
	.navigation .mynarbars ul.main-ul li.main-li
	{
		float: none;
	}
	.navigation .mynarbars ul.main-ul li.main-li a
	{
		padding: 5px 10px;
		border-bottom: 1px dashed #e64e4e;
		border-right: 0px;
		color: var(--white);
	}
	.navigation .mynarbars ul.main-ul li.main-li:hover a
	{
		background-color: var(--white);
		color: var(--color2);
		border-bottom-color: transparent;
	}
	.navigation .mynarbars ul.main-ul li.main-li a::after {
		display: none;
	}

	.pageBanner
	{
		height: 250px;
	}
	.pageBanner .pageTitle
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.pageBanner .pageTitle h3
	{
		font-size: 25px;
		text-align: center;
		padding: 10px 10px;
		display: block;
	}
	section.content-page .image-div
	{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	section.content-page .image-div.right
	{
		margin-left: 0;
	}
	section.content-page
	{
		margin-top:30px ;
	}
	.ftr-link ul
	{
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
		columns: 100px 1;
	}
	.ftr-link
	{
		margin-bottom: 20px;
	}
	footer .block-head
	{
		margin-bottom: 15px;
	}
	.copyright span.design
	{
		display: block;
	}

	section.vision-mission
	{
		margin-top: 0px;
	}
	.events-gallery
	{
		margin-bottom: 20px;
	}
	.padding-both-side
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.events-gallery ul li
	{
		width: 46%;
	}
	.accordion-box-website
	{
		width: 100%;
	}
	#accordion .card div .card-body
	{
		padding: 20px 10px;
	}
	.list-item1 ul li span
	{
		font-size: 14px;
	}
	.main_gallery .p_reduce
	{
		padding: 10px 15px;
	}
	.main_gallery .p_reduce
	{
		margin-top: 10px;
	}
	.gallery-box
	{
		margin-bottom: 0;
	}
	.content-page.list-item ul
	{
		clear: both;
	}
	.heading1
	{
		font-size: 20px;
	}

	.ColomnParent .colLg5
	{
		width: calc(100% / 1);
		margin-bottom: 5px;
	}
	.topbar .left-top-bar ul li:not(:last-child) a::after
	{
		display: none;
	}
	.topbar .left-top-bar ul li
	{
		float: none;
		text-align: center;
	}
}

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

	.toggle-parents
	{
		position: relative;
	}

    .toggle-parents .logo
   	{
   		width: 80%;
   		margin:5px 0;
   	}
	.toggle-parents .toggle-button
	{
		position: absolute;
		width: 35px;
		height: 35px;
		line-height: 35px;
		right: 15px;
		top: 12px;
		cursor: pointer;
	}

	.navigation .mynarbars
	{
		background-color: var(--color2);
		display: none;
	}

	.navigation .mynarbars ul.main-ul
	{
		float: none;
		padding: 20px;
	}
	.navigation .mynarbars ul.main-ul li.main-li
	{
		float: none;
	}
	.navigation .mynarbars ul.main-ul li.main-li a
	{
		padding: 5px 10px;
		border-bottom: 1px dashed #e64e4e;
		border-right: 0px;
		color: var(--white);
	}
	.navigation .mynarbars ul.main-ul li.main-li:hover a
	{
		background-color: var(--white);
		color: var(--color2);
		border-bottom-color: transparent;
	}
	.navigation .mynarbars ul.main-ul li.main-li a::after {
		display: none;
	}

	.pageBanner
	{
		height: 250px;
	}
	.pageBanner .pageTitle
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.pageBanner .pageTitle h3
	{
		font-size: 25px;
		text-align: center;
		padding: 10px 10px;
		display: block;
	}
	section.content-page .image-div
	{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	section.content-page .image-div.right
	{
		margin-left: 0;
	}
	section.content-page
	{
		margin-top:30px ;
	}
	.ftr-link ul
	{
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
		columns: 100px 1;
	}
	.ftr-link
	{
		margin-bottom: 20px;
	}
	footer .block-head
	{
		margin-bottom: 15px;
	}
	.copyright span.design
	{
		display: block;
	}

	section.vision-mission
	{
		margin-top: 0px;
	}
	.events-gallery
	{
		margin-bottom: 20px;
	}
	.padding-both-side
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.events-gallery ul li
	{
		width: 46%;
	}
	.accordion-box-website
	{
		width: 100%;
	}
	#accordion .card div .card-body
	{
		padding: 20px 10px;
	}
	.list-item1 ul li span
	{
		font-size: 14px;
	}
	.main_gallery .p_reduce
	{
		padding: 10px 15px;
	}
	.main_gallery .p_reduce
	{
		margin-top: 10px;
	}
	.gallery-box
	{
		margin-bottom: 0;
	}
	.content-page.list-item ul
	{
		clear: both;
	}
	.heading1
	{
		font-size: 20px;
	}

	.ColomnParent .colLg5
	{
		width: calc(100% / 1);
		margin-bottom: 5px;
	}
	.topbar .left-top-bar ul li:not(:last-child) a::after
	{
		display: none;
	}
	.topbar .left-top-bar ul li
	{
		float: none;
		text-align: center;
	}
	
   
    .events-gallery ul li 
    {
        height: 150px;
        box-shadow: none;
    }
    .events-gallery ul li img 
    {
        max-height: 150px;
        width: 80%;
    }

    .w_481_576_gallery
    {
    	width: 50%;
    }

    .responsive-gallery .w_481_576_gallery .image 
    {
        height: 160px;
    }
    .responsive-gallery .w_481_576_gallery .image img 
    {
        max-height: 160px;
    }

	
}



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

	.toggle-parents
	{
		position: relative;
	}

    .toggle-parents .logo
   	{
   		width: 80%;
   		margin:5px 0;
   	}
	.toggle-parents .toggle-button
	{
		position: absolute;
		width: 35px;
		height: 35px;
		line-height: 35px;
		right: 15px;
		top: 12px;
		cursor: pointer;
	}

	.navigation .mynarbars
	{
		background-color: var(--color2);
		display: none;
	}

	.navigation .mynarbars ul.main-ul
	{
		float: none;
		padding: 20px;
	}
	.navigation .mynarbars ul.main-ul li.main-li
	{
		float: none;
	}
	.navigation .mynarbars ul.main-ul li.main-li a
	{
		padding: 5px 10px;
		border-bottom: 1px dashed #e64e4e;
		border-right: 0px;
		color: var(--white);
	}
	.navigation .mynarbars ul.main-ul li.main-li:hover a
	{
		background-color: var(--white);
		color: var(--color2);
		border-bottom-color: transparent;
	}
	.navigation .mynarbars ul.main-ul li.main-li a::after {
		display: none;
	}

	.pageBanner
	{
		height: 250px;
	}
	.pageBanner .pageTitle
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.pageBanner .pageTitle h3
	{
		font-size: 25px;
		text-align: center;
		padding: 10px 10px;
		display: block;
	}
	section.content-page .image-div
	{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	section.content-page
	{
		margin-top:30px ;
	}
	.ftr-link ul
	{
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
		columns: 100px 1;
	}
	.ftr-link
	{
		margin-bottom: 20px;
	}
	footer .block-head
	{
		margin-bottom: 15px;
	}
	.copyright span.design
	{
		display: block;
	}

	section.vision-mission
	{
		margin-top: 0px;
	}
	.events-gallery
	{
		margin-bottom: 20px;
	}
	.padding-both-side
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.events-gallery ul li
	{
		width: 46%;
	}
	.accordion-box-website
	{
		width: 100%;
		margin-top: 20px;
	}
	.accordion-box-website .card
	{
		width: 100%;
	}
	#accordion .card div .card-body
	{
		padding: 20px 10px;
	}
	.list-item1 ul li span
	{
		font-size: 14px;
	}
	.main_gallery .p_reduce
	{
		padding: 10px 15px;
	}
	.main_gallery .p_reduce
	{
		margin-top: 10px;
	}
	.gallery-box
	{
		margin-bottom: 0;
	}
	.content-page.list-item ul
	{
		clear: both;
	}
	.heading1
	{
		font-size: 20px;
	}

	.ColomnParent .colLg5
	{
		width: calc(100% / 1);
		margin-bottom: 5px;
	}

	.topbar .left-top-bar ul
	{
		display: table;
		margin:auto;
	}
	.topbar .left-top-bar ul li
	{
		float: left;
	}
	
   
    .events-gallery ul li 
    {
        height: 150px;
        box-shadow: none;
    }
    .events-gallery ul li img 
    {
        max-height: 150px;
        width: 80%;
    }

    .w_481_576_gallery
    {
    	width: 50%;
    }

    .responsive-gallery .w_481_576_gallery .image 
    {
        height: 160px;
    }
    .responsive-gallery .w_481_576_gallery .image img 
    {
        max-height: 160px;
    }

    section.content-page .image-div
    {
    	width: 250px;
    }

    section.content-page .image-div.right.image-only-for
    {
    	width: 50%;
    	float: none;
    	max-width: 100%;
    	margin-left: 25%;
    }

    .ColomnParent.clients .colLg5
    {
		width: calc(100% / 2);
    }
    .ColomnParent.clients .colLg5:nth-child(2n+1)
    {
    	clear: both;
    }
    
}

@media screen and (min-width:768px) and (max-width:992px)
{
   .topbar .left-top-bar ul
   {
		display: table;
		margin:auto;
		margin-bottom: 3px;
   }
   .topbar .right-top-bar ul
   {
		display: table;
		float: none;
		margin:auto;
		margin-top: 3px;
   }

    .navigation .logo
   {
   		margin:8px 0;
   		text-align: center;
   }
   .navigation .logo a
   {
   	 display: inline-block;
   }
    .navigation .logo a img
    {
    	width: 300px;
    }
    .navigation .mynarbars ul.main-ul
    {
    	display: table;
    	margin: auto;
    }
    .navigation .mynarbars ul.main-ul li.main-li a
    {
    	padding:10px 7px;
    }
    .pageBanner
    {
    	height: 350px;
    }

      .events-gallery ul li 
    {
        height: 150px;
        box-shadow: none;
    }
    .events-gallery ul li img 
    {
        max-height: 150px;
        width: 80%;
    }
    .accordion-box-website
	{
		width: 100%;
		padding-top: 20px;
		clear: both;
	}

	 .responsive-gallery .w_481_576_gallery .image 
	    {
	        height: 250px;
	    }
	    .responsive-gallery .w_481_576_gallery .image img 
	    {
	        max-height: 250px;
	    }

	    .main_gallery .p_reduce
	    {
	    	padding: 0 15px;
	    }

	.ColomnParent.clients .colLg5   
	{
		width: calc(100% / 3);
	}
	.ColomnParent.clients .colLg5:nth-child(3n+1)
	{
		clear:both;
	}

}





@media screen and (max-width:767px)
{
   .hide-from-small-screen
   {
   	display: none;
   }	
   .hide-from-big-screen
   {
   		display: block;
   }
}
@media screen and (min-width:768px)
{
   .hide-from-small-screen
   {
   	display: block;
   }	
   .hide-from-big-screen
   {
   		display: none;
   }
   .toggle-button
   {
   	display: none;
   }

}




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

@media screen and (min-width: 768px)
{
	
}

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