/*
		<!--
					Author AZOduke - iKronyx
		-->

*/
@media screen and (max-width: 800px) {
	#plan-img{
		margin-top: 30px;
	}
		   body {
		    background-color: ;
		    padding-top: 100px;
			}

			#banner .hahaha{
				padding: 0;
			}

			#footer header{
				flex-direction: column;
			}

			#footer .footer-sec1{
				width: 100%;
				color: white;
				margin-bottom: 20px;
			}

			.content-main{
				text-align: center;
			}

			.content-main .main-page-logo{
				width: 60%;
			}

			#footer .footer-sec2{
				width: 100%;
			}
			#header a{
				display: none;
			}
			#header{
				height: 6.5em;
			}

			#header h2#welcome-text{
				margin-left: 20px;
				font-size: 2.00em;
			}
			.tabcontent {
			    display: none;
			    text-align: center;
			    padding: 1em 2em;
			    -webkit-animation: fadeEffect 1s;
			    animation: fadeEffect 1s;
			}

			.two-one{
				width: 100%;
			}

			.two-two{
				width: 100%;
			}

			.two-three{
				width: 100%;
			}

			#twooo{
				display: ;
			}

			.one-sub{
				display: ;
			}

			#one .smaller{
				width: 100%;
			}

			#one .b-members{
				width: 80%;
				margin: 7px 7px;
			}

			#one .b-members2{
				width: 80%;
				margin: 7px 7px;
			}

			#one .b-members3{
				width: 80%;
				margin: 7px 7px;
			}

			#twoo img{
				width: 100%;
			}


			.pic-gallery{
				display: block;
			}
			.pic-gallery img{
				width: 100%;
			}


			.responsive-iframe{
				height: 240px;
			}

			#header{
				display: flex;
			}
			
			.serv-ul-2 img{
				width: 60%;
			}

			.serv-ul-1 img{
				width: 60%;
			}

			.serv-ul-1 p{
				margin: 20px 0;
			}

			div.serv-ul-2-id{
				padding: 0 10px 0 10px;
			}

			section#one{
				padding: 10px 20px 0 20px;
			}

			div.serv-ul-2 p{
				margin: 0 0 20px 0px;
			}

			div.serv-ul-2{
				padding: 0 0 0 20px;
			}

			div.slider{
				margin-top: 20px;
			}
			div.slider img{
				display: block;
			}

			.serv-main-aw{
				display: block;
			}

			.serv-main-aw img{
				margin: 0 10px;
				width: 100%;
			}

			#header .img-logo{
				width: 220px;
				height: 55px;
				margin: 20px 0 0 10px;
			}
	  	}



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

	#header .img-logo{
				width: 320px;
			}

			.serv-main-aw{
				display: flex;
			}

			.serv-main-aw img{
				margin: 0 40px;
			}
			

			.slider{
				height: 500px;
			}

			#header h2#welcome-text{
				margin: auto; 
				position: relative; 
				margin-top: 5px
			}

			.content-main .main-page-logo{
				width: 90%;
			}

	        .pic-gallery{
				display: block;
				text-align: center;
			}
			.pic-gallery img{
				width: 18%;
				margin: 0 5px;
			}

			.responsive-iframe{
				height: 556px;
			}

			.serv-ul-2 img{
				width: 40%;
			}

			.serv-ul-1 img{
				width: 40%;
			}

			.small-menu{
				display: none;
			}
			#accordionID{
				display: none;
			}
			#one .tabcontent-parent
			{
				width: 100%; 
				display: flex;
			}
			#one .tabcontent-child{
				width: 25%; 
				text-align: center; 
				margin-top: 20px;
			}

			#banner .hahaha{
				padding: 0px 1px;
			}


			#twooo{
				display: flex;
			}

			.one-sub{
				display: flex;
			}
	  	}

@media (min-device-width: 900px) and (max-device-width: 1400px) 
 { 
  			#banner{
				padding: 0px 10px;
			}

			.slider{
				height: 250px;
			}

			.content-main p#left-p{
				font-size: 0.9em;
			}
			#right-p{
				font-size: 0.9em;
				line-height: 0.8em;
			}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
      .slider{
				height: 350px;
			}
}