/* CSS Document */

.containern {
  position: relative;
  width: 22%;
  height:auto;
  float:left;
  margin:1.5%;
  background-color:#999999;
}
.containern2 {
  position: relative;
  width: 22%;
  height:auto;
  float:left;
  margin:1.5%;
  background-color:#999999;
}




.imagen {
  display: block;
  width: 100%;
  height: 100%;
}

.overlayn2 {
  padding-top: 5%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15%;
  width: 100%;
  background-color:#008CBA;
  font:Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#FFFFFF;
}

.overlayn3 {
  padding-top: 3%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25%;
  width: 100%;
  background-color:#008CBA;
  font:Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#FFFFFF;
}

.overlayn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containern:hover .overlayn {
  height: 35%;
  width:100%;
}

.containern2:hover .overlayn {
  height: 45%;
  width:100%;
}

.text {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.tourbox {
margin-top:22px; border:solid; border-width:0px; height:auto; width:85%; overflow:auto; max-width:1366px;
}

.imagen { background-repeat:no-repeat; background-size: contain;
}

@media only screen and (max-width:1240px) {
.text {
  font-size: 14px;
  top: 22%;
}
.containern:hover .overlayn {
  height: 42%;
  width:100%;
}
.containern2:hover .overlayn {
  height: 45%;
  width:100%;
}

.overlayn2 {   font-size:13px; }
.overlayn3 {   font-size:13px; }
}

@media only screen and (max-width:1100px) {
.text {
  font-size: 13px;
  top: 22%;
}
.containern:hover .overlayn {
  height: 38%;
  width:100%;
}

.overlayn2 {   font-size:12.5px; }
.overlayn3 {   font-size:12.5px; }
}
@media only screen and (max-width:940px) {
.tourbox {
margin-top:52px;  width:97%; 
}
	.text {
	font-size: 14px;
	top: 22%;
	}
.containern:hover .overlayn {
  height: 35%;
  width:100%;
}
.overlayn2 {   font-size:16px; }
.overlayn3 {   font-size:16px; }
.containern {
  width: 29.2%;
  margin:2%;
}
.containern2 {
  width: 29.2%;
  margin:2%;
}
}
@media only screen and (max-width:840px) {
.text {
  font-size: 13px;
  top: 25%;
}

.overlayn2 {   font-size:13px; }
.overlayn3 {   font-size:13px; }
.containern:hover .overlayn {
  height: 35%;
  width:100%;
}
}
@media only screen and (max-width:640px) {
.tourbox {
margin-top:52px; width:98%; 
}
.text {
  font-size: 14px;
  top: 25%;
}

.containern:hover .overlayn {
  height: 35%;
  width:100%;
}
.overlayn2 {   font-size:14px; }
.overlayn3 {   font-size:14px; }
.containern {
  width: 45%;
  margin:2%;
}
.containern2 {
  width: 45%;
  margin:2%;
}
}

@media only screen and (max-width:480px) {
.text {
  font-size: 10px;
  top: 25%;
}
}



#englishimg1 { background-image:url(https://www.regent.edu.lk/courses/img/english.jpg); }
#ieltsimg2 { background-image:url(https://www.regent.edu.lk/courses/img/ielts.jpg); }
#tktimg3 { background-image:url(https://www.regent.edu.lk/courses/img/tkt.jpg); }
#chineseimg4 { background-image:url(https://www.regent.edu.lk/courses/img/chinese.jpg); }
#japaneseimg5 { background-image:url(https://www.regent.edu.lk/courses/img/japanese.jpg); }
#frenchimg6 { background-image:url(https://www.regent.edu.lk/courses/img/french.jpg); }
#germanimg7 { background-image:url(https://www.regent.edu.lk/courses/img/german.jpg); }
#danishimg8 { background-image:url(https://www.regent.edu.lk/courses/img/danish.jpg); }
#dutchimg9 { background-image:url(https://www.regent.edu.lk/courses/img/dutch.jpg); }
#italianimg10 { background-image:url(https://www.regent.edu.lk/courses/img/italian.jpg); }
#koreanimg11 { background-image:url(https://www.regent.edu.lk/courses/img/korean.jpg); }
#spanishimg12 { background-image:url(https://www.regent.edu.lk/courses/img/spanish.jpg); }
#swedishimg13 { background-image:url(https://www.regent.edu.lk/courses/img/swedish.jpg); }
#russianimg14 { background-image:url(https://www.regent.edu.lk/courses/img/russian.jpg); }
#norwegianimg15 { background-image:url(https://www.regent.edu.lk/courses/img/norwegian.jpg); }
#tamilimg16 { background-image:url(https://www.regent.edu.lk/courses/img/tamil.jpg); }

/*
@media only screen and (max-width:1366px) {   
#englishimg1 { background-image:url(http://www.regent.edu.lk/courses/img/english_344.jpg); }
#ieltsimg2 { background-image:url(http://www.regent.edu.lk/courses/img/ielts_344.jpg); }
#tktimg3 { background-image:url(http://www.regent.edu.lk/courses/img/tkt_344.jpg); }
#chineseimg4 { background-image:url(http://www.regent.edu.lk/courses/img/chinese_344.jpg); }
#japaneseimg5 { background-image:url(http://www.regent.edu.lk/courses/img/japanese_344.jpg); }
#frenchimg6 { background-image:url(http://www.regent.edu.lk/courses/img/french_344.jpg); }
#germanimg7 { background-image:url(http://www.regent.edu.lk/courses/img/german_344.jpg); }
#danishimg8 { background-image:url(http://www.regent.edu.lk/courses/img/danish_344.jpg); }
#dutchimg9 { background-image:url(http://www.regent.edu.lk/courses/img/dutch_344.jpg); }
#italianimg10 { background-image:url(http://www.regent.edu.lk/courses/img/italian_344.jpg); }
#koreanimg11 { background-image:url(http://www.regent.edu.lk/courses/img/korean_344.jpg); }
#spanishimg12 { background-image:url(http://www.regent.edu.lk/courses/img/spanish_344.jpg); }
#swedishimg13 { background-image:url(http://www.regent.edu.lk/courses/img/swedish_344.jpg); }
#russianimg14 { background-image:url(http://www.regent.edu.lk/courses/img/russian_344.jpg); }
#norwegianimg15 { background-image:url(http://www.regent.edu.lk/courses/img/norwegian_344.jpg); }
#tamilimg16 { background-image:url(http://www.regent.edu.lk/courses/img/tamil_344.jpg); }
}

@media only screen and (max-width:940px) {
#englishimg1 { background-image:url(http://www.regent.edu.lk/courses/img/english_275.jpg); }
#ieltsimg2 { background-image:url(http://www.regent.edu.lk/courses/img/ielts_275.jpg); }
#tktimg3 { background-image:url(http://www.regent.edu.lk/courses/img/tkt_275.jpg); }
#chineseimg4 { background-image:url(http://www.regent.edu.lk/courses/img/chinese_275.jpg); }
#japaneseimg5 { background-image:url(http://www.regent.edu.lk/courses/img/japanese_275.jpg); }
#frenchimg6 { background-image:url(http://www.regent.edu.lk/courses/img/french_275.jpg); }
#germanimg7 { background-image:url(http://www.regent.edu.lk/courses/img/german_275.jpg); }
#danishimg8 { background-image:url(http://www.regent.edu.lk/courses/img/danish_275.jpg); }
#dutchimg9 { background-image:url(http://www.regent.edu.lk/courses/img/dutch_275.jpg); }
#italianimg10 { background-image:url(http://www.regent.edu.lk/courses/img/italian_275.jpg); }
#koreanimg11 { background-image:url(http://www.regent.edu.lk/courses/img/korean_275.jpg); }
#spanishimg12 { background-image:url(http://www.regent.edu.lk/courses/img/spanish_275.jpg); }
#swedishimg13 { background-image:url(http://www.regent.edu.lk/courses/img/swedish_275.jpg); }
#russianimg14 { background-image:url(http://www.regent.edu.lk/courses/img/russian_275.jpg); }
#norwegianimg15 { background-image:url(http://www.regent.edu.lk/courses/img/norwegian_275.jpg); }
#tamilimg16 { background-image:url(http://www.regent.edu.lk/courses/img/tamil_275.jpg); }
}

@media only screen and (max-width:480px) {
#englishimg1 { background-image:url(http://www.regent.edu.lk/courses/img/english_204.jpg); }
#ieltsimg2 { background-image:url(http://www.regent.edu.lk/courses/img/ielts_204.jpg); }
#tktimg3 { background-image:url(http://www.regent.edu.lk/courses/img/tkt_204.jpg); }
#chineseimg4 { background-image:url(http://www.regent.edu.lk/courses/img/chinese_204.jpg); }
#japaneseimg5 { background-image:url(http://www.regent.edu.lk/courses/img/japanese_204.jpg); }
#frenchimg6 { background-image:url(http://www.regent.edu.lk/courses/img/french_204.jpg); }
#germanimg7 { background-image:url(http://www.regent.edu.lk/courses/img/german_204.jpg); }
#danishimg8 { background-image:url(http://www.regent.edu.lk/courses/img/danish_204.jpg); }
#dutchimg9 { background-image:url(http://www.regent.edu.lk/courses/img/dutch_204.jpg); }
#italianimg10 { background-image:url(http://www.regent.edu.lk/courses/img/italian_204.jpg); }
#koreanimg11 { background-image:url(http://www.regent.edu.lk/courses/img/korean_204.jpg); }
#spanishimg12 { background-image:url(http://www.regent.edu.lk/courses/img/spanish_204.jpg); }
#swedishimg13 { background-image:url(http://www.regent.edu.lk/courses/img/swedish_204.jpg); }
#russianimg14 { background-image:url(http://www.regent.edu.lk/courses/img/russian_204.jpg); }
#norwegianimg15 { background-image:url(http://www.regent.edu.lk/courses/img/norwegian_204.jpg); }
#tamilimg16 { background-image:url(http://www.regent.edu.lk/courses/img/tamil_204.jpg); }
}
*/