.container-fluid{

		/*	background: url("assets/img/bg.jpg") no-repeat center 0%;*/

		}



		#boxed-layout{

			background: white;

			border-radius: 15px;

			padding: 25px;

			border: 1px solid #ccc;

			box-shadow: black 0px 0px 30px;

			margin-top: 6%;

			

		}

		

		body{

			margin:auto;

			padding:0px;

		    font-family: 'Lato', sans-serif;

		    line-height: 1.3 !important;



		}



		.bg-school{

			background: url("../img/For KIOSK/bg5.jpg") repeat center;

			background-position-y: -230px;
			background-size: 100%;

		}



		.img-logo{

		    position: relative;

		    left: 24.5%;

		    top: 160px;

		    z-index: 1;
		    

		}



		.header-style{

			font-size: 1.7em;

	    	letter-spacing: 4px;

	    	width: 85%;

		}



		.normal-label{

			letter-spacing: 2px;

	    	font-size: 18px;

		}



		.normal-label-assessment{

			letter-spacing: 2px;

	    	font-size: 14px;

		}



		.normal-label-normal{

			letter-spacing: 2px;

	    	font-size: 18px;

	    	font-weight: normal !important;

		}



		.auto{

			margin: auto;

		}



		.gender-size{

			letter-spacing: 2px;

	    	font-size: 14px;

		}



		input[type="text"], input[type='email'], .near_input{

			border: 1px solid #ccc;

		    border-radius: 10px;

		    height: 40px;

		    margin-bottom: 15px;

		}

		#search_category_id,#sub_category_id{

			border: 1px solid #ccc;

		    border-radius: 10px;

		    height: 40px;

		    margin-bottom: 15px;

		}



		#show_sub_categories{

			display: none;

		}



		.remove-top{

			margin-top: -80px !important;

		}



		input[type="submit"]{

		    border-radius: 10px;

		    height: 40px;

		    margin-bottom: 15px;

		}



		@media screen and (min-width: 770px) and (max-width: 1198px) and (-webkit-min-device-pixel-ratio: 1) {

			.img-logo{

				left: 0px;

    			top: 0px;

			}

			.header-style{

				width: inherit;

				text-align: center;

			}

			.sub-header{

				text-align: center;

			}

			.remove-top{

				margin-top: inherit !important;

			}



		}



		@media screen and (min-width: 570px) and (max-width: 766px) {

			.img-logo{

				left: 0px;

    			top: 0px;

			}

			.header-style{

				width: inherit;

				text-align: center;

			}

			.sub-header{

				text-align: center;

			}

			.remove-top{

				margin-top: inherit !important;

			}





		}



		@media screen and (min-width: 240px) and (max-width: 566px) {

			.img-logo{

				left: 0px;

    			top: 0px;

			}

			.header-style{

				width: inherit;

				text-align: center;

			}

			.sub-header{

				text-align: center;

			}

			.remove-top{

				margin-top: inherit !important;

			}





		}