/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */

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

	.menuheader .logo {
    position: absolute;
    transform: rotate(-10deg);
    top: 30px;
    left: 100px;
	}
	#owl-demo2 .item{
   margin: 0px;
   height: auto;
	}

	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    transition: .5s linear;
    background-size: 100px 100px;
  }

  .text-left {
    position: relative;
    text-align: center;
    line-height: 95px;
    margin-top: 55px;
	}

	.text-left a {
    font-family: "Segoe Script";
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
	}

	.owl {
    min-height: 450px;
  }

  .strangelist {
   padding: 0px 50px 20px 50px;
	}

	#back-top {
    position: fixed;
    bottom: 105px;
    left: 15%;
    margin-left: 800px;
	}
}

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

	.menuheader .logo {
    position: absolute;
    transform: rotate(-10deg);
    top: 30px;
    left: 150px;
	}

	#m, #g, #v {
   margin-right: 0px;
	}
	
	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    background-size: 80px 80px;
  }
  .text-left {
    position: relative;
    text-align: center;
    line-height: 80px;
    margin-top: 70px;
	}

	.text-left a {
		background-position: 100% 45%;
	}

	.owl {
    min-height: 400px;
	}
	.infocontact a, .infocontactR a, .infocontactL a, .infocontactN a {
    padding-left: 0px;
	}

	.strangelist {
   padding: 0px 10px 20px 10px;
	}

	
}

@media only screen and (max-width : 1440px) {
	.text-left {
	  position: relative;
	  text-align: center;
	  line-height: 95px;
	  margin-top: 50px;
	}
}

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

	.menuheader .logo {
    position: relative;
    transform: rotate(0deg);
    top: 10px;
    left: 0px;
    text-align: center;
	}

	.imgone1, .imgtwo1 {
    text-align: center;
	}

	.slider_new, .slider_new2, .slider_new3, .slider_newc, .slider_newb {
   position: relative;
   top: 0px;
   border-left: 10px solid rgba(255,255,255,.75);
   background: #ff0000;
   padding: 15px;
   color: #fff;
   font-family: "Segoe Script";
   font-size: 14px;
   opacity: 0.8;
   transition: .3s linear;
	}

	.infocontact, .infocontactR, .infocontactL, .infocontactN {
		text-align: center;
	}

	.logo img {
		width: 200px;
    height: auto;
	}

	.textlogo {
  	text-align: center;
	}

	.text-right {
    text-align: center;
    line-height: 65px;
    color: #606060;
    text-transform: uppercase;
    transition: .5s linear;
	}

	.text-left {
    margin-top: 80px;
	}

	.strangelist {
   padding: 0px 100px 20px 100px;
	}

	.strangelist {
   padding: 0px 50px 20px 50px;
	}
	
	#baby {
		display: none;
	}

	.sidecol1a, .sidecol2a, .sidecol3a, .sidecol4a, .sidecol5a,
.sidecol1, .sidecol2, .sidecol3, .sidecol4, .sidecol5, .sidecol3v {
	width: 100%;
	}

	.teacherview {
		text-align: center;
		width: auto;
	}

	.teacherview img {
   	object-fit: cover;
   	object-position: 50% 50%;
   	width: 120px;
   	height: 120px;
	}

	.leftside {
    margin-bottom: 30px;
    height: auto;
    min-height: 500px;
    width: auto;
	}

	.rightsidet {
   width: auto;
   height: auto;
   min-height: 400px;
   margin-bottom: 155px;
	}

	.rightsideb {
   width: auto;
   margin-bottom: 10px;
	}

	.leftsideV {
		width: auto;
	}
	.textmore {
    display: block;
    width: auto;
	}
	
	.photo3D img {
   object-fit: cover;
   width: auto;
   max-width: 450px;
   height: 230px;
	}

	.databutimg img {
    margin-left: 280px;
	}

	#back-top {
    position: fixed;
    bottom: 105px;
    left: 15%;
    margin-left: 800px;
	}
}

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

	.strangelist {
   padding: 0px 0px 20px 0px;
	}

	.rightside1 {
    width: auto;
    height: auto;
    margin-bottom: 30px;
    text-align: center;
	}

	.imgone1 img {
    width: 150px;
    height: 150px;
    object-fit: cover;
	}

	.imgtwo1 img {
    width: 150px;
    height: 150px;
    object-fit: cover;
	}

	.rightside2 {
    width: auto;
    height: auto;
    margin-bottom: 30px;
    text-align: center;
	}

	#owl-demo2 .item {
    margin: 0px;
    height: auto;
	}
	
	#back-top {
    position: fixed;
    bottom: 105px;
    left: 15%;
    margin-left: 0px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.leftside {
    margin-bottom: 30px;
    height: auto;
    min-height: 500px;
    width: auto;
	}

	.databutimg img {
    object-fit: cover;
    width: 370px;
    height: 195px;
    margin-left: 165px;
	}

	.teacherview img {
   object-fit: cover;
   object-position: 50% 50%;
   width: 420px;
   height: 420px;
	}

	.text-left a {
		background-position: 75% 45%;
	}

	.logo {
    position: absolute;
    transform: rotate(0deg);
    top: 55px;
    left: 30px;
    text-align: center;
	}

	.rightsidet {
   width: 100%;
   height: auto;
   min-height: 400px;
   margin-bottom: 10px;
   float: left;
	}

	.rightsideb {
   width: 100%;
   margin-bottom: 40px;
   float: right;
	}

	.rt, .rb {
		border-top-right-radius: 0px;
   	border-top-left-radius: 0px;
   	border-bottom-right-radius: 0px;	
   	border-bottom-left-radius: 0px;
	}

	.text-left {
    margin-top: 0px;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.parentimg9 img {
    width: auto;
    height: 150px;
    margin-right: 30px;
    margin-right: 0px;
	}

	.parentimg12 img {
    height: 150px;
	}

	.rightsidet {
   width: auto;
   height: auto;
   margin-bottom: 0px;
   float: left;
	}

	.rightsideb {
   width: 100%;
   margin-bottom: 0px;
   float: right;
	}

	.rightsidet {
   float: none;
	}

	.rightsideb {
   float: none;
	}

	.menuheader {
		text-align: center;
	}
	
	.databutimg {
		width: auto;
	}

	.databutimg img {
		display: none;
	}

	.partone, .parttwo, .partthree {
		width: auto;
		height: auto;
	}

	.datadata {
		width: auto;
		margin-bottom: 5px;
	}

	.databut {
		float: none;
		text-align: center;
	}

	.slider_new, .slider_new2, .slider_new3 {
    top: 0px;
	}

	.menuheader .logo {
    position: relative;
    transform: rotate(0deg);
    left: 0px;
    text-align: center;
	}

	.text-left a {
    font-size: 16px;
    background-position: 80% 45%;
	}

	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    background-size: 60px 60px;
	}

	.strangelist {
   padding: 0px 0px 0px 0px;
	}

		.sidecol1a, .sidecol2a, .sidecol3a, .sidecol4a, .sidecol5a,
	.sidecol1, .sidecol2, .sidecol3, .sidecol4, .sidecol5, .sidecol3v {
		width: 100%;
	}
	
	.teacherview {
		text-align: center;
		width: auto;
	}
	
	.teacherview img {
	   object-fit: cover;
	   object-position: 50% 50%;
	   width: 420px;
	   height: 420px;
	}

	.slider_new, .slider_new2, .slider_new3 {
    top: 0px;
    height: 80px;
	}

	

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.netodimg02, .netodimg03 {
    float: none;
    margin: 0px;
    width: auto;
	}

	.info {
		margin-top: 300px;
	}
	.blockone, .blocktwo, .blockthree, .blockfour, .blockfive, .blocksix {
		height: 125px;
		line-height: 18px;
	}
	.partone, .parttwo, .partthree, .partfour {
		margin: 0px 0px 30px 0px;
	}
	.imgone img, .imgtwo img {
		width: 150px;
		height: 195px;
		float: none;
	}

	.midimg img {
		width: 150px;
		height: auto;	
	}
	.arrow i {
		line-height: 185px;
	}

	.photohistory img {
		width: auto;
	}
	.galleryall img {
		width: auto;
	}

	img#img_2, img#img_3 {
		margin-left: -150px;
	}

	.text-left a {
    font-size: 14px;
    background-position: 85% 45%;
	}

	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    background-size: 50px 50px;
	}

	.feedback {
    top: 180px;
    right: 0px;
    width: 425px;
    padding: 10px;
}
	.teacherview img {
	   object-fit: cover;
	   object-position: 50% 50%;
	   width: 250px;
	   height: 250px;
	}

	.photo3D img {
   object-fit: cover;
   width: auto;
   max-width: 250px;
   height: 230px;
	}

	.slider_text span, .slider_text2 span, .slider_text3 span {
    opacity: 1.1;
    font-size: 16px;
    font-family: "Segoe Script";
    line-height: 25px;
	}
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {

	#owl-demo2 .item img{
	  display: block;
	  width: 100%;
	  height: auto;
	}
	

	.newsinfo {
		font-size: 12px;
	}

	.text-left a {
    font-size: 12px;
    background-position: 90% 45%;
	}

	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    background-size: 50px 50px;
	}
}

@media only screen and (max-width : 320px) {
	.blockone, .blocktwo, .blockthree, .blockfour, .blockfive, .blocksix {
		height: 135px;
		line-height: 18px;
	}

	.imgone img, .imgtwo img {
		width: 150px;
		height: 195px;
		float: none;
	}

	#owl-demo2 .item img{
	  display: block;
	  width: 100%;
	  height: auto;
	}

	.text-left a {
    font-size: 14px;
	}

	.text-left a {
    font-size: 12px;
    background-position: 90% 45%;
	}

	#job a, #clock a, #toy a, #job:hover a, #clock:hover a, #toy:hover a {
    background-size: 40px 40px;
	}

}


	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px) {

	}
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
		.logo {
    	position: absolute;
    	transform: rotate(0deg);
    	top: 55px;
    	left: 30px;
    	text-align: center;
		}
	}
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
			
		}