/* 
author : N.H.Waruna Malinda
email : malinda.hewage@gmail.com 
*/
body {background: rgb(223, 178, 138) url('../img/bg_img.png')no-repeat; background-size: 100%; display: block;}
#pi {background: url('../img/pinterest.png') no-repeat; width: 32px; height: 32px; cursor: pointer;}
#pi:hover {background: url('../img/pinterest2.png') no-repeat;}
#tw {background: url('../img/twitter.png') no-repeat; width: 32px; height: 32px; cursor: pointer;}
#tw:hover {background: url('../img/twitter2.png') no-repeat;}
#fb {background: url('../img/facebook.png') no-repeat; width: 32px; height: 32px; cursor: pointer;}
#fb:hover {background: url('../img/facebook2.png') no-repeat;}
#gp {background: url('../img/googleplus.png') no-repeat; width: 32px; height: 32px; cursor: pointer;}
#gp:hover {background: url('../img/googleplus2.png') no-repeat;}
.rowsocel {float: right;}
.rowsocel ul {margin-bottom: 0px;}
#date {text-align: right; font-size: small; font-weight: 900;}
.container .navbar {margin-bottom: 5px; min-height: 20px;}
.container #navbar {padding-left: 0px; padding-right: 0px; background-color: #519E42;}
.mainnavi {background-color: #519E42; color: #fff !important; padding: 5px 25px 5px 25px !important; text-shadow: 0px 0px 12px #EAE46E;}
.mainnavi:hover {-moz-box-shadow: 0px 0px 7px #000000; -webkit-box-shadow: 0px 0px 7px #000000; box-shadow: 0px 0px 7px #000000; z-index: 100;}
.mainnaviseple {border-left: 1px solid #fff;}
.mainnavisepri {border-right: 1px solid #fff;}
.mainnaviseple:hover {border-left: 0px;}
.mainnaviseple:hover {border-right: 0px;}
.jumbotronone {padding: 0 0 0 0 !important; box-shadow: 0 0 5px 3px black; border-radius: 0px !important; margin-bottom: 7px; position:relative; background-color: #F1D935;}
.your-class {margin-bottom: 7px !important;}
.slidimg {width: 100%;}
.patch2col4 {z-index: 9990; position: absolute; font-family: 'Imprima', sans-serif; font-size: 95%;}
.patch2img {padding-top: 15px;}
.patch2col p {padding-bottom: 15px; font-size: small; font-weight: 500;}
.newstape {background-color: #C39A6B !important; color: #000 !important; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.53); border-radius: 5px;}
.news-block h4 {font-size: 15px; font-weight: bolder;}
.news-block p {font-size: 12px;}
.patch1sec2 img {padding-top: 10px; padding-bottom: 10px; padding-left: 4px;}
.factcoldiv {padding-top: 15px; padding-bottom: 15px;}
.factcoldiv ul {border-bottom: 0px;}
.tabcontentdiv {background-color: #9A6941; max-height: 185px; overflow-x: hidden; overflow-y: auto; border: 10px solid #9A6941;}
.tabcontentdiv table tr td {padding: 3px 3px 3px 3px;}
.tabcontenttr1td1 {background-color: #009900;}
.tabcontenttr1td2 {background-color: #FFCC00;}
.tabcontenttr2td1 {background-color: #33CC00;}
.tabcontenttr2td2 {background-color: #FFFF66;}
.row2ndcol2 img {border: 5px solid #53402D;}
.row2ndcol3 {padding-top: 15px; padding-bottom: 10px; padding-left: 7px;}
.imageSub {position: relative;}
.imageSub img {z-index: 10;}
.row3rd {margin-right: 0px; margin-left: 0px;}
.row3rdcol1 img {width: 100%; height: 100%;}
//.row3rdcol2 {padding: 13px 15px 14px 15px; background-color: #6B2406;}
.row3rdcol2 img {border: 2px solid #000000;}
.fulrowad {background-color: #736357; margin-right: 0px; margin-left: 0px;}
.fulrowad12 {padding: 0px 0px 0px 0px;}
.fulrowad12 img {width: 100%;}
.row336 {background-color: #736357; margin-right: 0px; margin-left: 0px; margin-top: -10px; padding-top: 10px; padding-bottom: 5px;}
.row336col1 {background: url('../img/adbannersspace_bg.png')no-repeat; background-size: cover; background-position: center center; display: block; padding: 15px 15px 15px 15px;}
.row336col1 img {width: 100%;}
.row336col2 {background: url('../img/adbannersspace_bg.png')no-repeat; background-size: cover; background-position: center center; display: block; padding: 15px 15px 15px 15px;}
.row336col2 img {width: 100%;}
.row336col3 {background: url('../img/explorer-bg.png')no-repeat; background-size: cover; background-position: center center; display: block; padding: 15px 15px 15px 15px;}
.row336col3 img {padding-bottom: 5px;}
.row336col3 h5 {margin-bottom: 4px; margin-top: 4px; color: #fff;}
.rowmessage {background-color: #704A3E; margin-right: 0px; margin-left: 0px;}
.rowmessage12 img {width: 100%;}
.messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 210%; line-height: 90%; margin-top: 10px; text-align: right;}
.messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 100%; text-align: justify; margin-top: 10px;}
.rowfooter {margin-right: 0px; margin-left: 0px; box-shadow: 0 0 2px 1px black; border-radius: 5px;}
.rowfooter12 {background-color: #4B9B43; border: 2px solid #53402D; padding-top: 10px;}
.rowfooter12 ul {text-align: center;}
.rowfooter12 ul li {padding-right: 10px; padding-left: 10px;}
.rowfooter12 ul li a {color: #fff; text-shadow: 0px 0px 12px #EAE46E;}
footer p {text-align: center; font-family: Tahoma, Geneva, sans-serif;}
.fctm h4 {font-size: 15px; margin-top: 0px; margin-bottom: 0px;}
.group1 img{width: 100%;}

@media (max-width: 320px) {
    .container .navbar .container-fluid {padding-left: 15px; padding-right: 15px;}
    .patch2row {/*margin-left: 0px; margin-right: 15px;*/}
    .patch2col {position: absolute; background: url('../img/patch2.png')no-repeat;background-position: center center; background-attachment: inherit; background-size: cover;display: block;/*z-index: 9999;background-size: 100%;display: block;*/}
    .patch1row {background: url('../img/patch1.png')no-repeat;  margin-top: 200px;  background-position: center center; background-attachment: inherit; background-size: cover; margin-left: -10px; margin-right: -10px; padding-bottom: 10px;}
    .patch1sec1 {padding-left: 15px;}
    .patch1sec1 h1 {margin-top: 5px; margin-bottom: 5px; font-size: 28px; font-weight: bold; color: #000}
    .patch1sec1span {color: #4F0A2B; font-size: 20px;}
    .patch1sec2 {background: url('../img/ad1bg.png')no-repeat; background-size: cover; background-position: center center; display: block;}
    .row2nd {margin-right: 0px; margin-left: 0px; margin-top: 5px; border-radius: 5px;}
    .factcol {padding-right: 0px; padding-left: 0px;}
    .row2ndcol2 {padding: 0px 0px 10px 0px;}
    .row3rdcol1 {padding: 15px 15px 63px 15px; background-color: #ED1C24; margin-top: 10px}
    .redbg { position: absolute; left: 2%; bottom: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #ED1C24;}
    .redbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: bolder; font-size: 150%; text-align: center; margin-top: 5px; margin-bottom: 5px;}
    .redbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; text-align: center; margin-top: 0px; margin-bottom: 5px;}
    .blackbg { position: relative; /*left: 5%; bottom: 5%;*/ right: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #3c790f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); opacity: 0.7;}
    .blackbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 700; font-size: 150%; line-height: 120%; margin-top: 0px; margin-bottom: 0px;}
    .blackbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%;; margin-top: 0px; margin-bottom: 0px;}
    .transparentbg {position: absolute; left: 5%; right: 5%; bottom: 40%; padding: 4px; color: #ffffff; z-index: 3;}
    .row336col3 transparentbg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 600; font-size: 40% !important; line-height: 80%;}
    .rowmessage12 {padding: 10px 10px 200px 10px;}
    .messagebg {position: absolute; left: 20%; right: 2%; top: 2%; padding: 4px; color: #000; z-index: 3;}
    .messagebg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 120%; line-height: 90%; margin-top: 10px; text-align: right;}
    .messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 120%; line-height: 90%; margin-top: 10px; text-align: right;}
    .messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 90%; text-align: justify; margin-top: 10px;}
    .bannerbg {position: relative; right: 0%; /*top: 24.4%;*/ padding: 4px 40px 4px 40px; z-index: 3; color: #551a8b; background: linear-gradient(to bottom, #fcf3a4 0%,#efd31c 62%); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
    .row3rdcol2 {padding: 0px 0px 0px 0px; background-color: #3c790f;}
    .krel {position: relative; left: 0%; top: 0%; /*top: 24.4%;*/ padding: 5px 10px 5px 10px; z-index: 3; color: #D8B861; background: #3c790f; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .row3rdcol2 .krel h4 {margin-top: 0px; margin-bottom: 0px; color: #D8B861; font-size: 15px; font-weight: bold; text-decoration: none;}
    .fctm {position: absolute; left: 5%; padding: 5px 10px 5px 10px; z-index: 3; color: #ffffff; background: #53402D; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .amrow2r3c12c1 h1 {font-size: 300%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .glocol h1 {padding-left: 10px; margin-top: 0px; margin-bottom: 0px; font-size: 24px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .speccol h1 {padding-left: 10px; margin-top: 0px; margin-bottom: 0px; font-size: 24px; font-weight: bold; color: #fff;}
    .aboutmainr2s2r1 .col-md-12 {margin-top: 10px;}
    .aboutmainr2s2r3 {margin-right: 0; margin-left: 0px;}
    .tsunamisece {margin-left: 15px; margin-right: 15px;}
    .aboutmainrow3gall {background-color: #84C5E2; margin-top: 10px; margin-left: 0; margin-right: 0px; padding: 10px 10px 10px 10px;}
    .visitguidsec2ndro {margin-right: 5px; margin-left: 5px;}
    .visitguidsec2ndro .reportus {background-color: #C42631; padding: 10px;}
    .vgimgcol {padding-left: 0; padding-right: 0;}
    .yntdwntit {text-align: center; padding: 0;}
    .mpsitpsec {background-color: #D2CDCA; margin-left: 15px; margin-right: 0px;}
    .traveltiprow {background-color: #8AA13B; margin-right: 0px; margin-left: 0px;}
    .iaotpsec {margin-left: 15px !important;}
    .nhpytrousec {background-color: #996600;  margin-right: 0px; margin-left: 0px;}
    .dwccontediv {position: relative; padding: 0px 4px 4px 4px; z-index: 3; color: #C1DF23; background-color: #006738; border-radius: 15px 15px 0 0;}
    .dwclinkdiv {position: relative; padding: 0px 4px 4px 4px; z-index: 3; background: url('../images/button_1.png') no-repeat; width: 120px; height: 120px;}
    .ysrr1pbysro .ysrr1pbystit1 {background-color: #009344;}
    .ysrr1pbysro .ysrr1pbystit2 {background-color: #17A554;}
    .ysrr2formsec {/*background-color: #009344;*/padding-top: 10px; padding-bottom: 10px; background-color: #009344; margin-bottom: 20px; margin-top: 4px;}
    .ysrr2formcol {padding: 0;}
    .brrow1 .pbylhedsec {background-color: #009344; /*border-right: 4px solid #8CC63E;*/}
    .brrow1 .pbylbodysec {background-color: #17A554;}

} 

@media (min-width: 321px) and (max-width:767px) {
    .container .navbar .container-fluid {padding-left: 15px; padding-right: 15px;}
    .patch2row {/*margin-left: 0px; margin-right: 15px;*/}
    .patch2col {position: absolute;background: url('../img/patch2.png')no-repeat;background-position: center center; background-attachment: inherit; background-size: cover;display: block;/*z-index: 9999;background-size: 100%;display: block;*/}
    .patch1row {background: url('../img/patch1.png')no-repeat;  margin-top: 180px;  background-position: center center; background-attachment: inherit; background-size: cover; margin-left: -10px; margin-right: -10px;padding-bottom: 10px;}
    .patch1sec1 {padding-left: 15px;}
    .patch1sec1 h1 {margin-top: 5px; margin-bottom: 5px; font-size: 30px; font-weight: bold; color: #000}
    .patch1sec1span {color: #4F0A2B; font-size: 30px;}
    .patch1sec2 {background: url('../img/ad1bg.png')no-repeat; background-position: left center; display: block;}
    .row2nd {margin-right: 0px; margin-left: 0px; margin-top: 5px; border-radius: 5px;; margin-top: 0px; margin-bottom: 0px;}
    .factcol {padding-right: 0px; padding-left: 0px;}
    .row2ndcol2 {padding: 0px 0px 10px 0px;}
    .row3rdcol1 {padding: 15px 15px 63px 15px; background-color: #ED1C24; margin-top: 10px}
    .redbg { position: absolute; left: 2%; bottom: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #ED1C24;}
    .redbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: bolder; font-size: 150%; text-align: center; margin-top: 5px; margin-bottom: 5px;}
    .redbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; text-align: center; margin-top: 0px; margin-bottom: 5px;}
    .blackbg { position: relative; /*left: 3%; bottom: 5%;*/ right: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #3c790f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); opacity: 0.7;}
    .blackbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 700; font-size: 150%; line-height: 120%; margin-top: 0px; margin-bottom: 0px;}
    .blackbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%;; margin-top: 0px; margin-bottom: 0px;}
    .transparentbg {position: absolute; left: 5%; right: 50%; top: 2%; padding: 4px; color: #ffffff; z-index: 3;}
    .row336col3 transparentbg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 225%; line-height: 90%;}
    .rowmessage12 {padding: 10px 10px 180px 10px;}
    .messagebg {position: absolute; left: 15%; right: 2%; top: 2%; padding: 4px; color: #000; z-index: 3;}
    .messagebg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 600; font-size: 150%; line-height: 100%; margin-top: 10px; margin-bottom: 5px; text-align: right;}
    .messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 100%; line-height: 100%; margin-top: 0px; margin-bottom: 10px; text-align: right;}
    .messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 90%; text-align: justify; margin-top: 10px;}
    .bannerbg {position: relative; right: 0%; /*top: 24.4%;*/ padding: 4px 40px 4px 40px; z-index: 3; color: #551a8b; background: linear-gradient(to bottom, #fcf3a4 0%,#efd31c 62%); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
    .row3rdcol2 {padding: 0px 0px 0px 0px; background-color: #3c790f;}
    .krel {position: relative; /*left: 10%;*/ top: 0%; /*top: 24.4%;*/ padding: 5px 10px 5px 10px; z-index: 3; color: #D8B861; background: #3c790f; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .row3rdcol2 .krel h4 {margin-top: 0px; margin-bottom: 0px; color: #D8B861; font-size: 18px; font-weight: bold; text-decoration: none;}
    .fctm {position: absolute; left: 10%; padding: 5px 10px 5px 10px; z-index: 3; color: #ffffff; background: #53402D; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .amrow2r3c12c1 h1 {font-size: 350%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .glocol h1 {padding-left: 10px; margin-top: 0px; margin-bottom: 0px; font-size: 24px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .speccol h1 {padding-left: 10px; margin-top: 0px; margin-bottom: 0px; font-size: 24px; font-weight: bold; color: #fff;}
    .aboutmainr2s2r1 .col-md-12 {margin-top: 10px;}
    .aboutmainr2s2r3 {margin-right: 0; margin-left: 0px;}
    .tsunamisece {margin-left: 15px; margin-right: 15px;}
    .aboutmainrow3gall {background-color: #84C5E2; margin-top: 10px; margin-left: 0; margin-right: 0px; padding: 10px 10px 10px 10px;}
    .visitguidsec2ndro {margin-right: 5px; margin-left: 5px;}
    .visitguidsec2ndro .reportus {background-color: #C42631; padding: 10px;}
    .vgimgcol {padding-left: 0; padding-right: 0;}
    .yntdwntit {text-align: center; padding: 0;}
    .mpsitpsec {background-color: #D2CDCA; margin-left: 15px; margin-right: 0px;}
    .traveltiprow {background-color: #8AA13B; margin-right: 0px; margin-left: 0px;}
    .iaotpsec {margin-left: 15px;}
    .nhpytrousec {background-color: #996600;  margin-right: 0px; margin-left: 0px;}
    .dwccontediv {position: relative; padding: 0px 4px 4px 4px; z-index: 3; color: #C1DF23; background-color: #006738; border-radius: 15px 15px 0 0;}
    .dwclinkdiv {position: relative; padding: 0px 4px 4px 4px; z-index: 3; background: url('../images/button_1.png') no-repeat; width: 120px; height: 120px;}
    .ysrr1pbysro .ysrr1pbystit1 {background-color: #009344;}
    .ysrr1pbysro .ysrr1pbystit2 {background-color: #17A554;}
    .ysrr2formsec {/*background-color: #009344;*/ padding-top: 10px; padding-bottom: 10px; background-color: #009344; margin-bottom: 20px; margin-top: 4px;}
    .ysrr2formcol {padding: 0;}
    .brrow1 .pbylhedsec {background-color: #009344; /*border-right: 4px solid #8CC63E;*/}
    .brrow1 .pbylbodysec {background-color: #17A554;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .container .navbar .container-fluid {padding-left: 0px; padding-right: 0px;}
    .patch2row {margin-left: 0px; margin-right: 0px; z-index: 9900;}
    .patch2col {/*position: absolute;*/ background: url('../img/patch2.png')no-repeat;background-position: center center; background-attachment: inherit; background-size: cover;display: block;/*z-index: 9999;background-size: 100%;display: block;*/}
    .patch1row {background: url('../img/patch1.png')no-repeat;  /*margin-top: 150px;*/  background-position: center center; background-attachment: inherit; background-size: cover; margin-left: 0px; margin-right: 0px;}
    .patch1sec1 {padding-left: 35px;}
    .patch1sec1 h1 {margin-top: 5px; margin-bottom: 5px; font-size: 30px; font-weight: bold; color: #000}
    .patch1sec1span {color: #4F0A2B; font-size: 30px;}
    .patch1sec2 {background: url('../img/ad1bg.png')no-repeat; background-position: center center; display: block;}
    .row2nd {background-color: #CAAE60; margin-right: 0px; margin-left: 0px; margin-top: 5px; border-radius: 5px;}
    .factcol {padding-right: 0px;}
    .row2ndcol2 {padding-top: 15px; padding-bottom: 10px; padding-right: 8px;}
    .row3rdcol1 {padding: 15px 15px 46px 15px; background-color: #ED1C24;}
    .redbg { position: absolute; left: 2%; bottom: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #ED1C24;}
    .redbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: bolder; font-size: 150%; text-align: center; margin-top: 5px; margin-bottom: 5px;}
    .redbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; text-align: center; margin-top: 0px; margin-bottom: 5px;}
    .blackbg { position: absolute; left: 4%; bottom: 5%; padding: 4px; z-index: 3; color: #ffffff; background-color: #3c790f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); opacity: 0.9;}
    .blackbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 700; font-size: 150%; line-height: 120%; margin-top: 0px; margin-bottom: 0px;}
    .blackbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%;; margin-top: 0px; margin-bottom: 0px;}
    .transparentbg {position: absolute; left: 5%; right: 50%; top: 2%; padding: 4px; color: #ffffff; z-index: 3;}
    .row336col3 transparentbg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 225%; line-height: 90%;}
    .rowmessage12 {padding: 10px 10px 10px 10px;}
    .messagebg {position: absolute; left: 20%; right: 2%; top: 2%; padding: 4px; color: #000; z-index: 3;}
    .messagebg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 200%; line-height: 100%; margin-top: 10px; text-align: right;}
    .messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 200%; line-height: 80%; margin-top: 10px; text-align: right;}
    .messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 90%; text-align: justify; margin-top: 10px;}
    .bannerbg {position: absolute; right: 0%; /*top: 24.4%;*/ padding: 4px 40px 4px 40px; z-index: 3; color: #551a8b; background: linear-gradient(to bottom, #fcf3a4 0%,#efd31c 62%); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
    .row3rdcol2 {padding: 13px 15px 14px 15px; background-color: #3c790f;}
    .krel {position: absolute; /*left: 10%;*/ top: 0%; /*top: 24.4%;*/ padding: 5px 10px 5px 10px; z-index: 3; color: #D8B861; background: #3c790f; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .row3rdcol2 .krel h4 {margin-top: 5px; margin-bottom: 5px; color: #D8B861; font-size: 20px; font-weight: bold; text-decoration: none;}
    .fctm {position: absolute; left: 10%; padding: 5px 10px 5px 10px; z-index: 3; color: #ffffff; background: #53402D; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .amrow2r3c12c1 h1 {font-size: 500%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .glocol {padding-left: 0px;}
    .amrow2r3c12c2 .speccol {padding-left: 0px;}
    .amrow2r3c12c2 .glocol h1 {margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .speccol h1 {margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .aboutmainr2s2r1 .col-md-12 {margin-top: 10px;}
    .aboutmainr2s2r3 {margin-right: 0; margin-left: 0px;}
    .aboutmainrow3gall {background-color: #84C5E2; margin-top: 10px; margin-left: 0; padding: 10px 10px 10px 10px;}
    .visitguidsec2ndro .reportus {background-color: #C42631; padding: 10px; margin-left: -15px;}
    .yntdwntit {text-align: right; padding: 0;}
    .mpsitpsec {background-color: #D2CDCA; margin-left: 15px; margin-right: 0px;}
    .traveltiprow {background-color: #8AA13B; margin-right: 0px; margin-left: 0px;}
    .iaotpsec {margin-left: 15px;}
    .nhpytrousec {background-color: #996600;  margin-right: 0px; margin-left: 0px;}
    .dwccontediv {position: relative; padding: 0px 4px 4px 4px; z-index: 3; color: #C1DF23; background-color: #006738; border-radius: 15px 15px 0 0;}
    .dwclinkdiv {position: absolute; right: 5%; top: 20%; padding: 0px 4px 4px 4px; z-index: 3; width: 10%; background: url('../images/button_1.png') no-repeat; width: 120px; height: 120px;}
    .ysrr1pbysro .ysrr1pbystit1 {background-color: #009344;}
    .ysrr1pbysro .ysrr1pbystit2 {background-color: #17A554;}
    .ysrr2formsec {background-color: #009344; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px;  margin-top: 4px;}
    .brrow1 .pbylhedsec {display: table-cell; vertical-align: bottom; float: none; background-color: #009344; border-right: 4px solid #8CC63E;}
    .brrow1 .pbylbodysec {display: table-cell; vertical-align: bottom; float: none; background-color: #17A554;}

}

@media (min-width: 992px) and (max-width: 1200px) {
    .container .navbar .container-fluid {padding-left: 0px; padding-right: 0px;}
    .patch2row {margin-left: 0px; margin-right: 0px; margin-top: -80px; margin-bottom: -70px; z-index: 9900;}
    .patch2col {position: absolute;background: url('../img/patch2.png')no-repeat;background-position: center center; background-attachment: inherit; background-size: cover;display: block;/*z-index: 9999;background-size: 100%;display: block;*/}
    .patch1row {background: url('../img/patch1.png')no-repeat;  margin-top: 150px;  background-position: center center; background-attachment: inherit; background-size: cover; margin-left: 0px; margin-right: 0px;}
    .patch1sec1 {padding-left: 35px;}
    .patch1sec1 h1 {margin-top: 5px; margin-bottom: 5px; font-size: 36px; font-weight: bold; color: #000}
    .patch1sec1span {color: #4F0A2B; font-size: 30px;}
    .patch1sec2 {background: url('../img/ad1bg.png')no-repeat; margin-top: 73px; background-position: left center; display: block;}
    .row2nd {background-color: #CAAE60; margin-right: 0px; margin-left: 0px; margin-top: 5px; border-radius: 5px;}
    .factcol {padding-right: 0px;}
    .row2ndcol2 {padding-top: 15px; padding-bottom: 10px; padding-right: 8px;}
    .row3rdcol1 {padding: 15px 15px 63px 15px; background-color: #ED1C24;}
    .redbg { position: absolute; left: 2%; bottom: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #ED1C24; width: 70%; }
    .redbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: bolder; font-size: 300%; line-height: 120%; text-align: center;}
    .redbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; text-align: center;}
    .blackbg { position: absolute; left: 2.7%; bottom: 4.6%; padding: 4px; z-index: 3; color: #ffffff; background-color: #3c790f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); opacity: 0.9;}
    .blackbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 700; font-size: 250%; line-height: 120%;  margin-top: 0; margin-bottom: 0;}
    .blackbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%;  margin-top: 5px; margin-bottom: 0;}
    .transparentbg {position: absolute; left: 5%; right: 50%; top: 2%; padding: 4px; color: #ffffff; z-index: 3;}
    .row336col3 transparentbg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 225%; line-height: 90%;}
    .rowmessage12 {padding: 10px 10px 10px 10px;}
    .messagebg {position: absolute; left: 30%; right: 2%; top: 2%; padding: 4px; color: #000; z-index: 3;}
    .messagebg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 250%; line-height: 100%; margin-top: 10px; text-align: right;}
    .messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 210%; line-height: 90%; margin-top: 10px; text-align: right;}
    .messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 100%; text-align: justify; margin-top: 10px;}
    .bannerbg {position: absolute; right: 0%; padding: 4px 40px 4px 40px; z-index: 3; color: #551a8b; background: linear-gradient(to bottom, #fcf3a4 0%,#efd31c 62%); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
    .row3rdcol2 {padding: 13px 15px 14px 15px; background-color: #3c790f;}
    .krel {position: absolute; /*left: 10%;*/ top: 0%; padding: 5px 10px 5px 10px; z-index: 3; color: #D8B861; background: #3c790f; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .row3rdcol2 .krel h4 {margin-top: 5px; margin-bottom: 5px; color: #D8B861; font-size: 20px; font-weight: bold; text-decoration: none;}
    .fctm {position: absolute; left: 10%; padding: 5px 10px 5px 10px; z-index: 3; color: #ffffff; background: #53402D; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .amrow2r3c12c1 h1 {font-size: 400%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .glocol h1 {margin-top: 0px; margin-bottom: 0px; font-size: 30px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .speccol h1 {margin-top: 0px; margin-bottom: 0px; font-size: 30px; font-weight: bold; color: #fff;}
    .aboutmainr2s2r1 .col-md-12 {padding-left: 0;}
    .aboutmainr2s2r2 .col-md-12 {padding-left: 0;}
    .aboutmainr2s2r3 {margin-right: 0;}
    .aboutmainrow3gall {background-color: #84C5E2; margin-top: 10px; margin-left: 0; padding: 10px 10px 10px 10px;}
    .visitguidsec2nd {padding-left: 0;}
    .visitguidsec2ndro {margin-right: 0px;}
    .visitguidsec2ndro .reportus {background-color: #C42631; padding: 10px;}
    .visitguidsec4nd2 {padding-left: 0;}
    .yntdwntit {text-align: right; padding: 0;}
    .mpsitpsec {background-color: #D2CDCA; margin: 0;}
    .whattodor3sec3 {padding-left: 0;}
    .pyitinerarysec {padding-left: 0;}
    .traveltiprow {background-color: #8AA13B; margin-right: 0px;}
    .pytkrad {padding-left: 0;}
    .nhpytrousec {background-color: #996600;  margin-right: 0px;}
    .dwccontediv {position: absolute; left: 40%; bottom: 1%; padding: 0px 4px 4px 4px; z-index: 3; color: #C1DF23; background-color: #006738; width: 40%; border-radius: 15px 15px 0 0;}
    .dwclinkdiv {position: absolute; left: 84%; bottom: 5%; padding: 0px 4px 4px 4px; z-index: 3; width: 10%; background: url('../img/button_1.png') no-repeat; width: 120px; height: 120px;}
    .ysrr1pbysro .ysrr1pbystit1 {display: table-cell; vertical-align: bottom; float: none; background-color: #009344; border-right: 4px solid #8CC63E;}
    .ysrr1pbysro .ysrr1pbystit2 {display: table-cell; vertical-align: bottom; float: none; background-color: #17A554;}
    .ysrr2formsec {background-color: #009344; margin-top: 4px; margin-bottom: 20px;}
    .brrow1 .pbylhedsec {display: table-cell; vertical-align: bottom; float: none; background-color: #009344; border-right: 4px solid #8CC63E;}
    .brrow1 .pbylbodysec {display: table-cell; vertical-align: bottom; float: none; background-color: #17A554;}
    
}

@media (min-width: 1201px) {
    .container .navbar .container-fluid {padding-left: 0px; padding-right: 0px;}
    .patch2row {margin-left: 0px; margin-right: 0px; margin-top: -80px; margin-bottom: -70px; z-index: 9900;}
    .patch2col {position: absolute;background: url('../img/patch2.png')no-repeat;background-position: center center; background-attachment: inherit; background-size: cover;display: block;/*z-index: 9999;background-size: 100%;display: block;*/}
    .patch1row {background: url('../img/patch1.png')no-repeat;  margin-top: 150px;  background-position: center center; background-attachment: inherit; background-size: cover; margin-left: 0px; margin-right: 0px;}
    .patch1sec1 {padding-left: 35px;}
    .patch1sec1 h1 {margin-top: 5px; margin-bottom: 5px; font-size: 36px; font-weight: bold; color: #000}
    .patch1sec1span {color: #4F0A2B; font-size: 36px;}
    .patch1sec2 {background: url('../img/ad1bg.png')no-repeat; margin-top: 73px; background-position: left center; display: block;}
    .row2nd {background-color: #CAAE60; margin-right: 0px; margin-left: 0px; margin-top: 5px; border-radius: 5px;}
    .factcol {padding-right: 0px;}
    .row2ndcol2 {padding-top: 15px; padding-bottom: 10px; padding-right: 8px;}
    .row3rdcol1 {padding: 15px 15px 63px 15px; background-color: #ED1C24;}
    .redbg { position: absolute; left: 2%; bottom: 0%; padding: 4px; z-index: 3; color: #ffffff; background-color: #ED1C24; width: 70%; }
    .redbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: bolder; font-size: 300%; line-height: 120%; text-align: center;}
    .redbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; text-align: center;}
    .blackbg { position: absolute; left: 2.7%; bottom: 4.6%; padding: 4px; z-index: 3; color: #ffffff; background-color: #3c790f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); opacity: 0.9; width: 40%;}
    .blackbg h1 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 700; font-size: 250%; line-height: 120%; margin-top: 0; margin-bottom: 0;}
    .blackbg h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: 500; font-size: 100%; margin-top: 5px; margin-bottom: 0;}
    .transparentbg {position: absolute; left: 5%; right: 50%; top: 2%; padding: 4px; color: #ffffff; z-index: 3;}
    .row336col3 transparentbg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 225%; line-height: 90%;}
    .rowmessage12 {padding: 10px 10px 10px 10px;}
    .messagebg {position: absolute; left: 55%; right: 2%; top: 2%; padding: 4px; color: #000; z-index: 3;}
    .messagebg h1 {font-family: Tahoma, Geneva, sans-serif; font-weight: 900; font-size: 325%; line-height: 100%; margin-top: 20px; text-align: right;}
    .messagebg h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 210%; line-height: 90%; margin-top: 10px; text-align: right;}
    .messagebg h6 {font-family: Tahoma, Geneva, sans-serif; font-size: 100%; text-align: justify; margin-top: 10px;}
    .bannerbg {position: absolute; right: 0%; padding: 4px 40px 4px 40px; z-index: 3; color: #551a8b; background: linear-gradient(to bottom, #fcf3a4 0%,#efd31c 62%); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
    .row3rdcol2 {padding: 13px 15px 14px 15px; background-color: #3c790f;}
    .krel {position: absolute; /*left: 10%;*/ top: 0%; padding: 5px 10px 5px 10px; z-index: 3; color: #D8B861; background: #3c790f; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .row3rdcol2 .krel h4 {margin-top: 5px; margin-bottom: 5px; color: #D8B861; font-size: 20px; font-weight: bold; text-decoration: none;}
    .fctm {position: absolute; left: 10%; padding: 5px 10px 5px 10px; z-index: 3; color: #ffffff; background: #53402D; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
    .amrow2r3c12c1 h1 {font-size: 500%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .glocol {padding-left: 0px;}
    .amrow2r3c12c2 .speccol {padding-left: 0px;}
    .amrow2r3c12c2 .glocol h1 {margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .amrow2r3c12c2 .speccol h1 {margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #fff;}
    .aboutmainr2s2r1 .col-md-12 {padding-left: 0;}
    .aboutmainr2s2r2 .col-md-12 {padding-left: 0;}
    .aboutmainr2s2r3 {margin-right: 0;}
    .aboutmainrow3gall {background-color: #84C5E2; margin-top: 10px; margin-left: 0; padding: 10px 10px 10px 10px;}
    .visitguidsec2nd {padding-left: 0;}
    .visitguidsec2ndro {margin-right: 0px;}
    .visitguidsec2ndro .reportus {background-color: #C42631; padding: 10px;}
    .visitguidsec4nd2 {padding-left: 0;}
    .yntdwntit {text-align: right; padding: 0;}
    .mpsitpsec {background-color: #D2CDCA; margin: 0;}
    .whattodor3sec3 {padding-left: 0;}
    .pyitinerarysec {padding-left: 0;}
    .traveltiprow {background-color: #8AA13B; margin-right: 0px;}
    .pytkrad {padding-left: 0;}
    .nhpytrousec {background-color: #996600;  margin-right: 0px;}
    .dwccontediv {position: absolute; left: 40%; bottom: 1%; padding: 0px 4px 4px 4px; z-index: 3; color: #C1DF23; background-color: #006738; width: 40%; border-radius: 15px 15px 0 0;}
    .dwclinkdiv {position: absolute; left: 84%; bottom: 5%; padding: 0px 4px 4px 4px; z-index: 3; width: 10%; background: url('../img/button_1.png') no-repeat; width: 120px; height: 120px;}
    .ysrr1pbysro .ysrr1pbystit1 {display: table-cell; vertical-align: bottom; float: none; background-color: #009344; border-right: 4px solid #8CC63E;}
    .ysrr1pbysro .ysrr1pbystit2 {display: table-cell; vertical-align: bottom; float: none; background-color: #17A554;}
    .ysrr2formsec {background-color: #009344; margin-top: 4px; margin-bottom: 20px;}
    .brrow1 .pbylhedsec {display: table-cell; vertical-align: bottom; float: none; background-color: #009344; border-right: 4px solid #8CC63E;}
    .brrow1 .pbylbodysec {display: table-cell; vertical-align: bottom; float: none; background-color: #17A554;}
    
}

.aboutfulrowad {background: url('../img/aboutyala_top.png') no-repeat; background-size: cover; background-position: center center; display: block; padding: 15px 15px 15px 15px; margin: 0;}
.aboutfulrowad12 {background-color: #948250}
.aboutfulrowad12 h2 {color: #fff;}
.aboutmainrow2 {margin-top: 10px;}
.aboutmainrow2r1 {background: url('../img/aboutyala_patch2.png') no-repeat; background-size: cover; background-position: center center; display: block; padding: 15px 15px 15px 15px; margin: 0; text-align: right;}
.aboutmainrow2r3 {margin-left: 0; margin-right: 0;}
.aboutmainrow2r3c12 {background-color: #009344; border: 15px solid #92C95B; padding-bottom: 15px;}
.aboutmainrow2r3c12r1 {padding-bottom: 10px; padding-top: 10px;}
.amrow2r3c12c1 {padding-right: 0px;}
.amrow2r3c12c2 {padding-left: 0px;}
.aboutmainrow2r3c12 .content {max-height: 100px; overflow-x: hidden; overflow-y: auto;}
.aboutmainr2s2r1 {margin-bottom: 10px;}
.aboutmainr2s2r1 .col-md-12 ul {border-bottom: 0;}
.aboutmainr2s2r1 .col-md-12 ul li a {border: 0; background-color: #996600; padding-bottom: 0;}
.aboutmainr2s2r1 .col-md-12 ul li a h1 {margin-top: 0px; margin-bottom: 0px; color: #FFBF4C; font-weight: bold;}
.aboutmainr2s2r1 .col-md-12 .tab-content {background-color: #996600; padding-bottom: 15px; padding-top: 15px;}
.aboutmainr2s2r1 .col-md-12 .tab-content #fact_file {padding: 0px 15px 0px 15px; max-height: 210px; overflow-x: hidden; overflow-y: auto;}
.aboutmainr2s2r3 .col-md-12 {background-color: #AA5C37; border: 10px solid #883932; z-index: 99;}
.aboutmainrow3 {margin-top: 10px; margin-bottom: 10px;}
.tsunamirow {background-color: #006699;}
.tsunamirow h1 {font-weight: bold; color: #fff; text-align: right;}
.tsunamicont {padding-left: 0;}
.tsunamicont .row {margin: 10px 0px 10px 10px;}
.tsunamicont .mCustomScrollbar {background-color: #CCDDE9; max-height: 165px; padding-right: 5px}

.aboutmainrow3gall .mCustomScrollbar {max-height: 410px;}
.aboutmainrow3gall .mCustomScrollbar .items {padding: 5px;}
.aboutmainrow3rl {margin-top: 10px;}
.aboutmainrow3rlse {padding-left: 0;}
.aboutmainrow3rlse .row {background: url('../img/aboutyala_patch3.png') no-repeat; background-size: cover; background-position: center center; display: block; padding-left: 15px; padding-bottom: 15px;}
.aboutmainrow3rlse .row h1 {color: #fff; font-weight: bold;}
.terraincont {color: #fff;}
.aboutmr3se2r2 {margin-top: 10px;}
.aboutmr3se2r3 {margin-top: 10px;}
.aboutmr3se2r1 img, .aboutmr3se2r2 img, .aboutmr3se2r3 img {width: 100%;}

.visitguidsec2 {margin-top: 10px; margin-bottom: 10px;}
.visitorcodesec {background-color: #52341A; margin: 0; color: #fff;}
.visitorcodebody {padding-right: 0;}
.visitorcodetitsec {padding-top: 20px; padding-right: 20px;}
.visitorcodetitsec .smaltext {text-align: right;}
.visitorcodetitsec .smaltext .glocol h1 {font-weight: bold; margin-top: 0; margin-bottom: 0; color: #B9A278;}
.visitorcodetitsec .smaltext .speccol h1 {font-weight: bold; margin-top: 0; color: #B9A278;}
.visitorcodetitsec .lrgtext {background-color: #3B2314;}
.visitorcodetitsec .lrgtext h1 {font-size: 500%; font-weight: bold; margin-top: 0; margin-bottom: 0; color: #B9A278;}
.visitorcodecont {max-height: 270px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px; text-align: justify;}
.ruleofjungsec {background-color: #C9983D; margin: 0; color: #000;}
.ruleofjungsec h1 {color: #990000; font-weight: bold; font-size: 300%;}
.ruleofjungcont {padding-bottom: 20px;}
.donotsec {background-color: #BFA84B; margin: 0; padding: 10px;}
.visitguidimgv {border: 10px solid #563D15;}
.ruhedrow {background-color: #000; margin: 0px;}
.reportus .ruhedrow h1 {font-weight: bold; font-size: 300%; color: #fff;}
.rubodyrow {background-color: #fff; margin: 0px; margin: 2px 0px 0px 0px;}
.rubodyrowcol {padding: 5px;}
.rucontarow {/*margin: 0px;*/ margin: 2px 0px 0px 0px;}
.rucontemacol {background-color: #483B34; color: #fff;}
.rucontemail {background-color: #9D877A}
.ruconttelcol {background-color: #483B34; color: #fff;}
.ruconttele {background-color: #9D877A}
.responvisitsec {margin: 10px 0px 0px 0px; background-color: #064322; padding: 15px;}
.resvisithedsec {background-color: #00A550;}
.resvisithedcol {text-align: right;}
.resvisithedsec .resvisithedcol h1 {color: #fff; font-weight: bold; font-size: 200%; font-size: 300%; margin-top: 10px;}
.resvisithedcontent p {padding-top: 10px;}
.resvisitbodycol {max-height: 90px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px; padding: 0;}
.rvitemro1 {background-color: #89CCA1; padding-right: 10px;}
.rvitemro2 {background-color: #00A550; padding-right: 10px;}
.rvitemcol {padding-right: 0;}
.rvitemro1 .rvitemcol h1 {background-color: #00A550; text-align: center;}
.rvitemro2 .rvitemcol h1 {background-color: #89CCA1; text-align: center;}
#mCSB_2_container {margin-right: 0;}
.dgtnsec {margin: 10px 0px 0px 0px; background-color: #954452;}
.dgtnsec h1 {color: #FBB03B; font-size: 350%; font-weight: bold; margin-bottom: 0;}
.dgtnsec h3 {color: #FBB03B; font-size: 250%; margin-top: 0;}
.dgtnseccontent {max-height: 140px; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 20px 0px;}
.dgtnsec p {color: #fff;}
#mCSB_3_container {margin-right: 0;}
.visitguidsec4 {margin-top: 10px; margin-bottom: 10px;}
.inffacro {background-color: #CEBFAA; margin: 0;}
.inffacro h1 {color: #651C0C; font-weight: bold; font-size: 275%; margin-bottom: 0;}
.inffacro h3 {color: #651C0C; font-size: 275%; margin-top: 0;}
.inffaccont {padding-bottom: 20px;}
.wtdinemergncyro {background-color: #995959; margin: 0;}
.wtdinemergncyro h1 {color: #fff; font-weight: bold; font-size: 275%; margin-bottom: 10px; background-color: #990000; padding: 10px; border-radius: 0px 15px 15px 15px;}
.wtdinemergncycont {padding-bottom: 20px;}
.wtdinemergncycont p {color: #fff;}
.tteolepordsec {margin: 0px 0px 0px 0px; background-color: #95AD6E; padding: 15px;}
.tteolepordtitsec {text-align: right; background-color: #40471D; padding-bottom: 10px;}
.tteolepordtitsec h1 {color: #fff; font-weight: bold; font-size: 250%; margin-top: 10px;}
.tteolepordcont {max-height: 210px; overflow-x: hidden; overflow-y: auto; padding-right: 0px;}
.tteolepordcont p {padding-top: 10px;}
#mCSB_4_container {margin-right: 15px;}
.wysdosec {margin: 10px 0px 0px 0px; background-color: #40471D;}
.dontsimg {padding-top: 3%;}
.wysdotit h1 {color: #40471D; background-color: #B3D234; font-size: 350%; font-weight: bold; margin-bottom: 0; border-radius: 0px 0px 25px 25px; letter-spacing: -2px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.wysdocont {max-height: 210px; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 20px 0px;}
.wysdocont h3 {color: #A2C05B;}
.wysdocont p {color: #fff;}
.wwlaetsec {margin: 10px 0px 0px 0px; background-color: #A6C73E;}
.wwlaettit h1 {color: #40471D; font-size: 300%; font-weight: 900;margin-top: 0; padding-top: 10px; text-align: right;}
.wwlaetcontent {max-height: 160px; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 20px 0px;}

.aboutfulrowad .aboutfulrowad12 h6 {color: #fff;}
.whattodofulro2 {background: url('../img/whattodo-patch2.png') no-repeat; background-size: cover; background-position: center center; display: block; margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 10px;}
.dntstit {padding: 0;}
.whattodofulro2 .dntstit h1 {margin-top: 0; font-weight: bold; font-size: 200%; color: #C6B299;}
.whattodofulro2 .dntstit h1 span {font-size: 150%; color: #603813;}
.dntscontent {color: #fff;}
.dntscontent .byline {text-align: right;}
.whattodofulro3 {margin-top: 10px; margin-bottom: 10px;}
.yalanightssec {margin: 0px 0px 0px 0px; background-color: #0066CC; padding: 15px;}
.yalanightssecin {background-color: #B3D8EC;}
.yalanightssecin .yntdwntit h1 {font-weight: bold; font-size: 220%; margin-top: 10px;}
.yntdwncont {padding-left: 10px; padding-right: 5px;}
.yalanightssecin .yntdwncont p {padding-top: 10px;}
.iichwyntksec {margin: 0px 0px 0px 0px; background-color: #009344; padding: 15px;}
.iichwyntktitro {background-color: #009344;}
.iichwyntktit12 {padding: 0;}
.iichwyntksec .iichwyntktitro .iichwyntktit12 h1 {font-weight: bold; font-size: 200%; margin-top: 10px;}
.iichwyntkcont12 {max-height: 110px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px; padding: 0;}
.iichwyntkcontr1 {background-color: #8CC63E; padding-right: 10px;}
.iichwyntkcontr2 {background-color: #64AD44; padding-right: 10px;}
.iichwyntkcontr1 p {padding-left: 5px;}
.iichwyntkcontr2 p {padding-left: 5px;}
.iichwyntkcont12 #mCSB_1_container {margin-right: 10px;}
.wtdbirdwatchsec {background-color: #EEA24C; margin: 0; color: #000;}
.wtdbirdwatchsec h1 {color: #D83C26; font-weight: bold; font-size: 350%;}
.wtdbirdwatchcont {max-height: 120px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px;}
.wtdbirdwatchsec img {padding-bottom: 20px;}
.whattodor3sec2 {padding-left: 0;}
.whattodor3sec2 .mpsitpsec h1 {color: #434771; font-weight: 900; font-size: 300%; margin-bottom: 10px; padding: 20px 20px 0px 20px; border-radius: 0px 15px 15px 15px; margin-top: 0;}
.mpsitpcontent {padding-bottom: 20px;}
.whattodor3sec2 .mpsitpsec .mpsitpcontent h4 {color: #434771; font-weight: bold;}
.bwalkssec {margin: 0px 0px 0px 0px; background-color: #DFB28A;}
.bwalkssec h1 {color: #FFDF70; font-size: 350%; font-weight: bold; margin-bottom: 0;}
.bwalkscontent {max-height: 250px; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 20px 0px;}
.sriderssec {background-color: #D2CDCA; margin: 0;}
.sriderssec12 {padding-top: 15px;}
.sriderscont12 {padding-bottom: 20px;}
.sriderssec .sriderscont12 p {margin-bottom: 0;}
.siteseeingsec {margin: 0px 0px 0px 0px; background-color: #F2DEC6;}
.siteseeingsec h1 {color: #444872; font-size: 300%; font-weight: bold; margin-bottom: 0; margin-top: 5px;}
.siteseeingcont {max-height: 100px; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 20px 0px;}
.wtdomapsec {margin-top: 10px; margin-bottom: 10px;}

.pytripfulr2, .pytripfulr3,.pytripfulr4, .pytripfulr5 {margin-top: 10px;}
.pyitineraryrow {margin: 0px 0px 0px 0px; background-color: #2E150D; padding: 15px;}
.pyitinerarycol {background-color: #CFA66E; padding-right: 0;}
.pyitinerarysec .pyitineraryrow .pyitinerarycol h1 {font-size: 320%; font-weight: bold;}
.pyitinerarycont {max-height: 225px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}
.memosafarirow {background-color: #CEBFAA; margin: 0;}
.memosafarirow h1 {color: #7B083D;}
.traveltiprow h1 {color: #424F0D; font-size: 250%; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
.traveltipcont {max-height: 80px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}
.iaotprow {background-color: #A2C121; margin-right: 0px;}
.iaotpcol {padding-right: 0;}
.iaotprow .iaotpcol h1 {color: #5C1917; font-size: 250%; font-weight: bold; margin-top: 5px; margin-bottom: 5px; text-align: right;}
.iaotpcont {max-height: 150px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px;}
.iaotpcol .iaotpcont #mCSB_3_container {margin-right: 10px;}
.hgysect {background-color: #54C640; margin: 0;}
.pytripfulr5 .hgysect h1 {color: #006600; font-size: 250%; font-weight: bold;}
.hgysconte {max-height: 300px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px; padding-right: 0;}
.hgyscontetit {font-size: 125%; font-weight: bold;}
.hgyscontetex {color: #EDE623; font-size: 125%; font-weight: bold;}
.pytripfulr6 {margin-top: 5px; margin-bottom: 10px;}
.pytripatcimg, .pytripvvimg {padding-left: 0;}
.nhpytrousec h1 {font-size: 250%; font-weight: bold; margin-top: 5px;color: #CFA66E; text-align: right;}
.nhpytroucont {padding-top: 25px;}

.iaotpbtn {margin-top: 25px; background: #71a131; background-image: -webkit-linear-gradient(top, #71a131, #c4d528); background-image: -moz-linear-gradient(top, #71a131, #c4d528); background-image: -ms-linear-gradient(top, #71a131, #c4d528); background-image: -o-linear-gradient(top, #71a131, #c4d528); background-image: linear-gradient(to bottom, #71a131, #c4d528); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: Arial; color: #ffffff; font-size: 23px; padding: 5px 20px 5px 20px; border: solid #4a8f33 1.5px; text-decoration: none;}
.iaotpbtn:hover {margin-top: 25px; background: #71a131; color: #FFF200; background-image: -webkit-linear-gradient(top, #71a131, #c4d528); background-image: -moz-linear-gradient(top, #71a131, #c4d528); background-image: -ms-linear-gradient(top, #71a131, #c4d528); background-image: -o-linear-gradient(top, #71a131, #c4d528); background-image: linear-gradient(to bottom, #71a131, #c4d528); text-decoration: none; }

.wildlaeyecol9 {background-color: #948250;}
.wildlaeyecol9 h2 {margin-top: 10px; color: #fff;}
.wildlaeyecol9 h6 {color: #fff;}
.wildlifefrow2 {background: url('../img/whattodo-patch2.png') no-repeat; background-size: cover; background-position: center center; display: block; margin: 0; margin-top: 10px; padding: 10px;}
.wlr2head h1 {font-weight: bold; font-size: 250%; color: #C6B299;}
.wlr2headspan {font-size: 180%; color: #603813;}
.wlr2conte p {color: #fff; margin-top: 9%}
.wildlifefrow3 {margin-top: 10px;}
.dwcimgdiv {border: 1px solid #000;}
.dwcimgdiv img {border: 3px solid #9E845C;}
.dwccontediv h1 {background-color: #8CC63E; color: #006738; padding: 10px 20px 10px 20px; margin: 0px 20px 0px 20px; border-radius: 0 0 25px 25px; font-weight: bold; font-size: 225%;}
.dwclinkdiv:hover {background: url('../img/button_2.png') no-repeat; width: 120px; height: 120px;} 
.wildlifefrow4 {margin-top: 10px; margin-bottom: 10px;}
.wlr4slnphr {margin: 0;}
.wlr4slnphcol {background-color: #744C28;}
.wildlifefrow4 .wlr4slnphr .wlr4slnphcol h1 {color: #fff; font-weight: bold;}
.wlr4slnpbodr {margin: 0;}
.wlr4slnpbodcol {background-color: #AE855A; padding-right: 0;}
.wlr4slnpbodcont {background-color: #AE855A; max-height: 465px; overflow-x: hidden; overflow-y: auto; margin-top: 10px; margin-bottom: 10px;}
.wlr4slnpbodr .wlr4slnpbodcol .wlr4slnpbodcont h3 {background-color: #8A5D3B; padding: 5px 5px 5px 10px; color: #fff; font-weight: bold; font-size: 22px;}
.wlr4slnpbodr .wlr4slnpbodcol .wlr4slnpbodcont p {color: #3B2314;}
.wlr4slnpnum {background-color: #744C28; padding: 10px; border-radius: 50%}
.cunwphedsec {background-color: #006738;}
.cunwphedsma {padding-left: 0;}
.cunwphedsec h1 {margin-top: 10px; color: #FFF100; font-weight: bold; font-size: 350%;}
.cunwphedsec h4 {margin-top: 10px; margin-bottom: 0px; color: #FFF100; font-size: 200%;}
.cunwpbodycol {background-color: #8CC63E; padding-right: 0;}
.cunwpbodyconten {max-height: 500px; overflow-x: hidden; overflow-y: auto; margin-top: 10px; margin-bottom: 10px;}
.cunwpcontep {background-color: #D0DBA2; padding: 5px;}

.ysrrow1 {background-color: #8CC63E; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.ysrrow1cusec {background-color: #056839; margin: 10px 10px 10px 10px; border-radius: 15px;}
.ysrrow1cusec h3 {color: #fff;}
.ysrrow1gbsec {background-color: #056839; margin: 10px 10px 10px 10px; border-radius: 15px;}
.ysrrow1gbsec i {transform: rotate(330deg); padding-top: 45%; color: #17A554;}
.ysrrow1gbsec h3 {color: #fff; font-weight: 600; margin-top: 15px;}
.ysrr1pbysro .ysrr1pbystit1 h1 {text-align: right; font-weight: 900; color: #fff; margin-top: 5px;}
.ysrrow2 {background-color: #8CC63E; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px;}
.ysrr2contsec {background-color: #17A554; border-right: 4px solid #8CC63E; margin-top: 4px;}
.ysrrow2 .ysrr2contsec h3 {text-align: center; background-color: #056839; margin-bottom: 0px; padding: 5px; color: #fff;}
.ysrrow2 .ysrr2contsec p {background-color: #8CC63E;; padding: 10px;}
.ysrr2formsec form .panel {margin-top: 20px;}
.ysrr2formsec form .panel .panel-heading h4 {margin: 0;}
.submit_formatting{ margin-top: 5px; border: 2px groove #FF0; cursor: pointer; padding: 5px 25px; background-color: #6b6dbb; background: -webkit-gradient(linear, left top, left bottom, from(#5DBA46), to(#33AD49)); background: -webkit-linear-gradient(top, #5DBA46, #33AD49); background: -moz-linear-gradient(top, #5DBA46, #33AD49); background: -o-linear-gradient(top, #5DBA46, #33AD49); background: linear-gradient(top, #5DBA46, #33AD49); font-family: Tahoma, Geneva, sans-serif; color: #fff; font-size: 85%; font-weight: 800; letter-spacing: 1px; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; -webkit-box-shadow: #14773C 0 2px 6px; -moz-box-shadow: #14773C 0 2px 6px; box-shadow: #14773C 0 2px 6px; transition: all 0.5s;}

.brrow1 {margin-left: 0; margin-right: 0; background-color: #8CC63E; padding: 20px 20px 4px 20px;}
.brrow1 .pbylhedsec h1 {text-align: right; font-weight: 900; color: #fff; margin-top: 5px;}
.brrow2 {margin-left: 0; margin-right: 0; background-color: #8CC63E; padding: 0px 20px 20px 20px;}
.brrow2col {background-color: #009344;}
.brrsec {padding: 10px;}
.brritem {margin-bottom: 20px;}
.brriteminner {background-color: #17A554; padding: 10px; border-radius: 10px;}
.brriteminner h4 {color: #fff; font-weight: bold;}
.brrbuttsec {margin-bottom: 50px;}
.brrbuttsec button {background: #34d97b; background-image: -webkit-linear-gradient(top, #34d97b, #14c728); border-radius: 15px; font-weight: 700;}










.contbodsec {/*margin-left: 0; margin-right: 0; background-color: #8CC63E; padding: 20px 20px 4px 20px;*/}
.contbodsec .contdata {display: table-cell; /*vertical-align: bottom;*/ float: none; /*background-color: #009344; border-right: 4px solid #8CC63E;*/}
.contbodsec .contform {display: table-cell; /*vertical-align: bottom;*/ float: none; /*background-color: #17A554;*/}