@media only screen and (min-width:767px) {
    .best_mob,
    .mobile_social_media_icons,
    .mobile_social_media_icons_mobile,
    
    .srh2 {
        display: none!important
    }
}
@media only screen and (min-width:0px) and (max-width: 1000px){
   .content-container{
    width:100% !important;
   }
}
@media only screen and (min-width:768px) and (max-width: 1000px){
   .srh{
    display: none !important;
   }
}
@media only screen and (min-width:1550px) and (max-width:1650px) and (min-height:2500px) and (max-height:2600px) and (orientation:portrait) {
    .nimawum-menu-2-tabs,
    .playlist-names {
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    p,
    td {
        font-size: 3.5vw;
        line-height: 75px
    }
    h2.small-heading {
        font-size: 9vw
    }
    .image-container {
        display: none
    }
    .content-container {
        width: 100%
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .menuBtn img {
        height: 86px
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 3.6vw
    }
    .home-title-two {
        margin-top: 35px
    }
    .signature {
        width: 17%
    }
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya-image {
        width: 83vw
    }
    .hela-hawl-para {
        width: 100%
    }
    .hela-hawl-image {
        width: 83vw
    }
    h3 {
        font-size: 3.25em
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0;
        width: 102%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.8vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .nimawum-menu-toggle {
        font-size: 4.5vw;
        height: 125px
    }
    .nimawum-menu-2 {
        line-height: 88px
    }
    .bookslist {
        width: 100%
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3.5vw;
        line-height: 24px;
        padding-left: 45px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 94px;
        padding-left: 25px;
        font-family: fmmalithix;
        font-size: 4vw;
        height: 94px
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%;
        padding-left: 17px
    }
    .book-thumbs {
        margin-left: 8%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #poth-button-2,
    #poth-patithati-2 {
        font-size: 3.6vw;
        line-height: 70px;
        padding-left: 95px
    }
    .gallery-img {
        width: 23%
    }
    .md-spec {
        width: 100%!important
    }
    .music-video,
    .playlist-tabs,
    .ttw-music-player {
        width: 86%
    }
    .contact-email,
    .contact-no {
        font-size: 3.5vw!important
    }
    #contactFormCap {
        font-size: 3.1vw
    }
    .btn {
        font-size: 2rem
    }
    .contact-info .data i {
        margin-top: 31px
    }
    .duration,
    .ttw-music-player .tracklist .title,
    .ttw-music-player .tracklist li {
        font-size: 54px
    }
    .ttw-music-player .player-controls {
        width: 94%;
        height: 42px
    }
    .music-video {
        width: 86%;
        font-size: 55px
    }
    .playlist-tabs-dropdown {
        line-height: 87px;
        font-size: 55px
    }
    .ttw-music-player .track-info {
        font-size: 18px;
        width: 72%
    }
    .ttw-music-player .player .title {
        font-size: 52px
    }
    .playlist-names,
    .ttw-music-player .track-info p {
        font-size: 45px
    }
    .playlist-tabs-dropdown {
        width: 86%
    }
    .playlist-names {
        width: 100%;
        background-color: #9a864f;
        margin-left: 0;
        font-size: 49px;
        padding-left: 31px;
        line-height: 97px;
        height: 97px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .playlist-tabs {
        height: auto
    }
    .footer-desc-two,
    .footer_desc {
        font-size: 11px
    }
    .footer a {
        font-size: 10px
    }
    #videoplayer {
        width: 86%
    }
    .video-head-title {
        font-size: 55px
    }
    .youtube-video {
        align: middle;
        width: 100%;
        height: 697px
    }
    .video-title {
        font-size: 3.4vw
    }
    .video-img {
        width: 268px
    }
    .ttw-music-player .player {
        height: 229px
    }
    .ttw-music-player .progress {
        height: 16px
    }
    .ttw-music-player .progress-wrapper {
        width: 91%
    }
}

@media only screen and (min-height:1550px) and (max-height:1650px) and (min-width:2500px) and (max-width:2600px) and (orientation:landscape) {
    .home {
        position: absolute;
        top: 50px
    }
    td {
        line-height: 46px
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) and (min-height:850px) and (max-height:950px) {
    .tabs label {
        padding: 14px 17px
    }
    #contactFormCap {
        font-size: 1.7vw
    }
}

@media only screen and (min-width:1250px) and (max-width:1350px) and (min-height:900px) and (max-height:999px) {
    .tabs label {
        padding: 14px
    }
    #contactFormCap {
        font-size: 1.7vw
    }
}

@media only screen and (min-width:1250px) and (max-width:1350px) and (min-height:750px) and (max-height:850px) {
    .tabs label {
        padding: 14px
    }
    #contactFormCap {
        font-size: 1.7vw
    }
}

@media only screen and (min-device-width:1400px) and (max-device-width:1500px) and (orientation:portrait) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
}

@media only screen and (min-device-width:1400px) and (max-device-width:1500px) and (orientation:landscape) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction,
    .menu {
        height: 100%!important
    }
    .heading i {
        font-size: 30px;
        height: 41px;
        width: 41px;
        line-height: 41px;
        margin: auto auto 0;
        text-align: center
    }
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 17%;
        padding-left: 0;
        right: 1vw!important
    }
    .home {
        width: 73%;
        margin-top: -50px;
        margin-left: -16px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .tabs li {
        margin-left: 2%
    }
    .contact-info .data span {
        padding-top: 0
    }
    .contact-email {
        padding-top: 12px!important
    }
}

@media only screen and (min-device-width:1300px) and (max-device-width:1400px) and (orientation:portrait) {
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
}

@media only screen and (min-device-width:1300px) and (max-device-width:1400px) and (orientation:landscape) {
    .dec-one,
    .dec-two {
        width: 50%
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        float: right
    }
    .dec-one,
    .footer-line-two {
        float: left
    }
    .introduction,
    .menu {
        height: 100%!important
    }
    .tabs li {
        margin-left: 2%
    }
    .heading i {
        font-size: 2vw;
        height: 3vw;
        width: 3vw;
        line-height: 3vw;
        margin: auto auto 0;
        text-align: center
    }
    .menu>div h2 {
        font-size: 1.8vw;
        margin: 0
    }
    .signature {
        width: 28%;
        padding-left: 0;
        right: -1vw!important
    }
    .home {
        width: 73%;
        margin-top: -100px;
        margin-left: -20px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .author,
    .copyright {
        font-size: 12px
    }
    .footer a {
        font-size: 11px
    }
    .book-thumbs {
        margin-left: 8%;
        margin-right: 8%
    }
    .submit-result {
        font-size: 18px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1300px) and (orientation:portrait) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1300px) and (orientation:landscape) {
    .intro-content h1,
    .intro-content h2 {
        display: block;
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 80%;
        float: right
    }
    .dec-one {
        width: 80%;
        float: left
    }
    .introduction,
    .menu {
        height: 100%!important
    }
    .heading i {
        font-size: 15px;
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h1 {
        color: #822B00;
        font-size: 6.5vw;
        top: 6.5vw
    }
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 16%;
        padding-left: 0;
        right: 2vw!important;
        top: 0!important
    }
    .home {
        width: 80%;
        margin-top: -85px;
        margin-left: -48px
    }
    .intro-content h2 {
        padding-right: 40px;
        color: #44443E;
        font-size: 4.5vw;
        top: 9.2vw
    }
    .tabs li {
        margin-left: 1%
    }
    .video-title {
        font-size: 1.8vw
    }
    #contactFormCap {
        font-size: 1.5vw
    }
    .author,
    .copyright {
        font-size: 12px
    }
    .footer a {
        font-size: 11px
    }
    .tabs label {
        padding: 14px 23px;
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0;
        width: 102%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 2vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 1.8vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px
    }
    .bookslist {
        width: 100%
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 1.5vw;
        line-height: 14px;
        padding-left: 50px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%;
        padding-left: 10%
    }
    .book-thumbs {
        margin-left: 8%
    }
    #booklist-toogle {
        width: 95%;
        float: left;
        padding-left: 3%;
        font-size: 20px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1300px) and (min-device-height:900px) and (max-device-height:1100px) and (orientation:landscape) {
    .content-container-2 {
        overflow-x: hidden
    }
    .home {
        width: 90%;
        margin-top: 75px;
        margin-left: -33px
    }
    .gallery {
        margin-top: 14%
    }
    .author,
    .copyright {
        font-size: 12px
    }
    .footer a {
        font-size: 11px
    }
}

@media only screen and (min-device-width:1100px) and (max-device-width:1200px) and (orientation:portrait) {
    .intro-content h1,
    .intro-content h2 {
        display: block;
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 100%;
        float: right
    }
    .dec-one {
        width: 100%;
        float: left
    }
    .signature {
        width: 26%;
        top: 8vw!important;
        right: 6vw!important
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -49px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .introduction {
        height: 60%!important
    }
    .menu {
        width: 100%!important;
        height: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h1 {
        color: #822B00;
        top: 6.5vw
    }
    .intro-content h2 {
        color: #44443E;
        font-size: 5.5vw;
        top: 10.2vw;
        padding-right: 121px
    }
}

@media only screen and (min-device-width:1100px) and (max-device-width:1200px) and (orientation:landscape) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction,
    .menu {
        height: 100%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu>div h2 {
        font-size: 3vw;
        margin: 0
    }
    .signature {
        width: 28%;
        padding-left: 0;
        right: -1vw!important
    }
    .home {
        width: 73%;
        margin-top: -50px;
        margin-left: -113px
    }
}

@media only screen and (min-device-width:1000px) and (max-device-width:1100px) and (orientation:portrait) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
}

@media only screen and (min-device-width:1000px) and (max-device-width:1100px) and (orientation:landscape) {
    .intro-content h1,
    .intro-content h2 {
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300;
        display: block
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 70%;
        float: right
    }
    .dec-one {
        width: 70%;
        float: left
    }
    .introduction,
    .menu {
        height: 100%!important
    }
    .heading i {
        font-size: 15px;
        height: 25px;
        width: 25px;
        line-height: 25px;
        margin: auto auto 0;
        text-align: center
    }
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 23%;
        padding-left: 0;
        right: 3vw!important;
        top: 3vw!important
    }
    .home {
        width: 97%;
        margin-top: 27px;
        margin-left: -31px
    }
    .intro-content h2 {
        color: #44443E;
        font-size: 4.5vw;
        top: 10.2vw;
        padding-right: 50px
    }
    .intro-content h1 {
        color: #822B00;
        font-size: 6.5vw;
        top: 7.5vw
    }
    .tabs li {
        float: left;
        display: block;
        margin-left: 0
    }
    .nimawum-menu {
        margin-left: 3%
    }
    #adhyapana-button,
    #gadhi-button,
    #geepoth-button,
    #lamagee-button,
    #lamakatha-button,
    #padhi-button,
    #poth-button {
        font-size: 1.6vw;
        padding: 7px 10px
    }
    .buttons-bar {
        width: 18%
    }
    .playlist-names {
        font-size: 19px;
        padding-top: 8px
    }
    .playlist-tabs {
        height: 42px;
        width: 700px;
        margin-left: 6%
    }
    .music-video {
        width: 703px
    }
    #music-tab {
        padding-left: 10px;
        width: 10%
    }
    #video-tab {
        width: 20%
    }
    .ttw-music-player .player {
        width: 701px;
        background-color: #b7a160;
        margin-left: 3%
    }
    .ttw-music-player .player-controls {
        width: 492px;
        height: 30px;
        float: left;
        margin: 10px 0 0 19px
    }
    .playlist-tabs-dropdown {
        width: 700px;
        line-height: 40px;
        margin-left: 6%
    }
    .ttw-music-player .progress-wrapper {
        height: 9px;
        width: 406px;
        float: left;
        margin: 11px 10px 10px 0
    }
    .ttw-music-player .track-info {
        margin: 0 0 0 19px
    }
    .ttw-music-player .tracklist {
        padding: 10px 32px
    }
    #videoplayer {
        width: 703px
    }
    .video-thumb {
        margin-left: 18%
    }
    .video-title {
        font-size: 2vw
    }
    .video-img {
        margin-bottom: 24px;
        width: 180px
    }
    .video-list-inner {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 30px;
        margin-right: 30px;
        width: 77%
    }
    .contact-info .data i {
        height: 45px;
        line-height: 45px;
        width: 45px;
        margin-right: 9px
    }
    .contact-info .data {
        margin-bottom: 52px
    }
    .contact-info .data span {
        padding-top: 2px
    }
    .contact-email {
        padding-top: 11px!important
    }
    #contactFormCap {
        font-size: 1.6vw
    }
    h3 {
        font-size: 2.75em
    }
    .gallery {
        margin-top: 13%
    }
    .author,
    .copyright {
        font-size: 12px
    }
    .footer a {
        font-size: 11px
    }
    .main-heading h1 {
        font-size: 25px
    }
    .footer-line-two {
        float: left
    }
    .book-thumbs {
        margin-left: 30%;
        margin-right: 8%
    }
    .submit-result {
        font-size: 18px
    }
    .gallery-img {
        width: 18%
    }
}

@media only screen and (min-device-width:900px) and (max-device-width:999px) and (orientation:portrait) {
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 62%;
        margin-top: -98px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 7vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 5.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .playlist-tabs {
        height: auto
    }
}

@media only screen and (min-device-width:900px) and (max-device-width:999px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .intro-content h1,
    .intro-content h2 {
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300;
        display: block
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2.5vw;
        margin: 0
    }
    .signature {
        width: 28%;
        padding-left: 0;
        right: 2vw!important;
        top: 8vw!important
    }
    .home {
        width: 73%;
        margin-top: 9px;
        margin-left: -36px
    }
    .intro-content h2 {
        padding-right: 31px;
        color: #44443E;
        font-size: 4.5vw;
        top: 9.2vw
    }
    .intro-content h1 {
        color: #822B00;
        font-size: 6.5vw;
        top: 5.5vw;
        padding-left: 0
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 3vw;
        padding-left: 8%;
        height: 50px
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 2.8vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .image-container {
        display: none
    }
    .content-container {
        width: 100%
    }
    p,
    td {
        font-size: 2vw
    }
    .nanathi-diviya-image {
        width: 40vw
    }
    .hela-hawl-image {
        width: 39vw
    }
    h2.small-heading {
        font-size: 6vw
    }
    #adhyapana-button,
    #gadhi-button,
    #geepoth-button,
    #lamagee-button,
    #lamakatha-button,
    #padhi-button,
    #poth-button {
        font-size: 1.7vw
    }
    .books {
        margin-bottom: 50%
    }
    .contact-email,
    .contact-no {
        font-size: 3vw!important
    }
    #contactFormCap {
        font-size: 3vw
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:899px) and (orientation:portrait) {
       .srh{
        left:-50px;
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 27%
    }
    .home {
        width: 67%;
        margin-top: -124px;
        margin-left: -23px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 4.5vw;
        margin: 0
    }
    .heading i {
        font-size: 20px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        width: 102%
    }
    .bookslist,
    .buttons-bar-2,
    .content-container {
        width: 100%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        height: 56px
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.4vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .image-container {
        display: none
    }
    p,
    td {
        font-size: 3vw
    }
    h2.small-heading {
        font-size: 10vw
    }
    .menuBtn img {
        height: 40px
    }
    .menuBtn {
        padding: 10px
    }
    .nimawum-menu-toggle {
        font-size: 4vw;
        padding-left: 8%
    }
    .nimawum-menu-2 {
        line-height: 48px
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3.5vw;
        line-height: 24px;
        padding-left: 45px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 25px;
        font-family: fmmalithix;
        font-size: 4vw
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%;
        padding-left: 17px
    }
    .book-thumbs {
        margin-left: 8%
    }
    .buttons-bar-2 {
        margin-top: 0
    }
    .gallery-img {
        width: 23%
    }
    .video-title {
        font-size: 3.4vw
    }
    h3 {
        font-size: 3.5em
    }
    #contactFormCap {
        font-size: 3.1vw
    }
    .contact-email,
    .contact-no {
        font-size: 3vw!important
    }
    .contact-fax,
    .contact-phone,
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .nanathi-diviya-para-2 {
        float: right;
        width: 57%
    }
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl {
        float: left;
        width: 51%
    }
    .hela-hawl-image {
        width: 82vw
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:899px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 3vw;
        margin: 0
    }
    .signature {
        width: 28%;
        padding-left: 0;
        right: -1vw!important
    }
    .home {
        width: 73%;
        margin-top: -50px;
        margin-left: -113px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 7vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 5.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
}

@media only screen and (min-device-width:700px) and (max-device-width:799px) and (orientation:portrait) {
    
   .srh{
        left:-50px;
    }
    .intro-content h1,
    .intro-content h2 {
        display: block;
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 80%;
        float: right
    }
    .dec-one {
        width: 80%;
        float: left
    }
    .signature {
        width: 20%!important;
        top: 5vw!important;
        right: 4vw!important
    }
    .home {
        width: 62%;
        margin-top: -40px;
        margin-left: -23px
    }
    .home-title-two {
        width: 36%;
        margin-top: 30px;
        margin-right: 50px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 3vw;
        margin: 0
    }
    .intro-content h1 {
        color: #822B00;
        top: 9.5vw
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .introduction,
    .menu {
        width: 100%!important
    }
    .intro-content h2 {
        color: #44443E;
        font-size: 5.5vw;
        top: 12.2vw;
        padding-right: 55px
    }
    .introduction {
        height: 60%!important
    }
    .menu {
        height: 40%!important
    }
    .contact-fax,
    .contact-phone,
    .content-container {
        width: 100%
    }
    .image-container {
        display: none
    }
    p,
    td {
        font-size: 2.5vw
    }
    h2.small-heading {
        font-size: 7vw
    }
    h2.small-heading::after {
        left: 47%
    }
    .contact-email,
    .contact-no {
        font-size: 2.5vw!important
    }
    #contactFormCap {
        font-size: 2.5vw
    }
    .gallery-img {
        width: 18%
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin-left: 2%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 3.5vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.2vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .playlist-tabs {
        height: auto
    }
    .bookslist {
        width: 100%;
        padding-left: 23px
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3vw;
        line-height: 14px;
        padding-left: 47px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 25px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%;
        margin-left: 126px
    }
    .book-thumbs {
        margin-left: 8%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0
    }
    #booklist-toogle {
        font-size: 3vw
    }
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .nanathi-diviya-para-2 {
        float: right;
        width: 57%
    }
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl {
        float: left;
        width: 51%
    }
    .hela-hawl-image {
        width: 82vw
    }
}

@media only screen and (min-device-width:700px) and (max-device-width:799px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2.5vw;
        margin: 0
    }
    .signature {
        width: 28%;
        padding-left: 0;
        right: -1vw!important
    }
    .home {
        width: 74%;
        margin-top: -50px;
        margin-left: -155px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 3.5vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.4vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .home-title-one {
        padding-top: 0
    }
    .home-title-two {
        width: 41%;
        margin-top: 30px;
        margin-right: 20px
    }
    p,
    td {
        font-size: 2.6vw
    }
    h2.small-heading {
        font-size: 6vw
    }
    #adhyapana-button,
    #gadhi-button,
    #geepoth-button,
    #lamagee-button,
    #lamakatha-button,
    #padhi-button,
    #poth-button {
        border-top: 1px solid rgba(255, 255, 255, .26);
        cursor: pointer;
        font-family: fmmalithix;
        font-size: 2.1vw;
        color: #3c3b3b;
        width: 143%;
        padding: 13px 21px 13px 8px
    }
    .gallery-img {
        width: 15%
    }
    .video-title {
        font-size: 3vw
    }
    #contactFormCap {
        font-size: 3.1vw
    }
    .contact-email,
    .contact-no {
        font-size: 2.6vw!important
    }
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .nanathi-diviya-para-2 {
        float: right;
        width: 57%
    }
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl {
        float: left;
        width: 51%
    }
    .hela-hawl-image {
        width: 82vw
    }
}

@media only screen and (min-device-width:600px) and (max-device-width:699px) and (orientation:portrait) {
    .srh{
        left:-50px !important;
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 22%
    }
    .home {
        width: 62%;
        margin-top: -57px;
        margin-left: -188px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 25px;
        width: 25px;
        line-height: 25px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
    .image-container {
        display: none
    }
    .home-title-one {
        width: 81%;
        padding-top: 0
    }
    p {
        font-size: 3.5vw
    }
    h2.small-heading {
        font-size: 9vw
    }
    .gallery {
        margin-left: 1%;
        margin-right: -8%
    }
    .gallery-img {
        width: 22%
    }
    h3 {
        font-size: 4em
    }
    td {
        font-size: 3.5vw
    }
    .contact-email,
    .contact-no {
        font-size: 3.5vw!important
    }
    #contactFormCap {
        font-size: 3.5vw
    }
    .hela-hawl,
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl-image {
        width: 100%
    }
    .nanathi-diviya-para {
        float: left;
        width: 100%
    }
    .nanathi-diviya,
    .nanathi-diviya-image {
        float: right;
        width: 100%
    }
    .video-frame {
        margin-left: 3%
    }
    .video-title {
        font-size: 3.4vw
    }
    .music-video {
        width: 600px
    }
    .ttw-music-player .player-controls {
        width: 400px;
        height: 30px;
        border-radius: 0;
        margin: -3px 0 0 45px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 0;
        background-position-x: 0;
        background-position-y: 0
    }
    .progress {
        border-radius: 0
    }
    .ttw-music-player .progress-wrapper {
        width: 312px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .ttw-music-player .player .title {
        width: 75%
    }
    .ttw-music-player .track-info {
        margin: 26px 0 0 45px;
        width: 65%
    }
    #videoplayer,
    .playlist-tabs,
    .ttw-music-player {
        width: 96%
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0;
        width: 102%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 4.5vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.7vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .bookslist {
        width: 100%
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3.7vw;
        line-height: 14px;
        padding-left: 27px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix;
        font-size: 3.8vw
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .buttons-bar-2 {
        float: left;
        width: 100%;
        margin-top: 0
    }
    .playlist-tabs-dropdown {
        width: 96%;
        margin: 0 2%
    }
    .playlist-names {
        width: 100%;
        background-color: #7d6a35;
        margin-left: 0;
        font-size: 20px;
        padding-left: 6%;
        height: 44px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .footer_desc {
        width: 49%;
        float: left
    }
    .footer-desc-two {
        width: 43%;
        float: right
    }
    .books {
        padding-top: 10px;
        margin-bottom: 105px
    }
    .book-thumbs {
        margin-left: 28%
    }
    .video-img {
        width: 273px;
        border: 3px solid #5d5d5d
    }
    .video-thumb {
        line-height: 11
    }
    .playlist-tabs {
        height: auto
    }
    #booklist-toogle {
        padding-left: 4%
    }
    .sithuwam-images {
        left: 17%!important
    }
    #sithuwam {
        left: -13%!important
    }
    .jssorb13 {
        left: 36%!important
    }
}

@media only screen and (min-device-width:600px) and (max-device-width:699px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .intro-content h1,
    .intro-content h2 {
        display: block;
        font-family: "apex-a.pura-008";
        position: relative;
        font-weight: 300
    }
    .home-title-one {
        padding-top: 0
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 26%;
        padding-left: 0;
        right: 3vw!important;
        top: 4vw!important
    }
    .home {
        width: 64%;
        margin-top: 24px;
        margin-left: -126px
    }
    .home-title-two {
        width: 41%;
        margin-top: 46px;
        margin-right: 30px
    }
    .intro-content h1 {
        color: #822B00;
        font-size: 5.5vw;
        top: 2.5vw
    }
    .intro-content h2 {
        color: #44443E;
        font-size: 3.5vw;
        top: 3.2vw;
        padding-right: 28px
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0 .5%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 3.5vw;
        padding-left: 8%;
        width: 100%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3vw;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    p,
    td {
        font-size: 2.5vw
    }
    h2.small-heading {
        font-size: 6vw
    }
    .footer_desc {
        width: 49%;
        float: left
    }
    .footer-desc-two {
        width: 26%;
        float: right
    }
    h3 {
        font-size: 2.85em
    }
    .author,
    .copyright,
    .footer a {
        font-size: 10px
    }
    .gallery-img {
        width: 18%
    }
    #contactFormCap {
        font-size: 3.1vw
    }
    .contact-email,
    .contact-no {
        font-size: 2.5vw!important
    }
    .playlist-tabs-dropdown {
        width: 96%;
        margin: 0 auto
    }
    .playlist-tabs {
        width: 96%
    }
    .playlist-names {
        font-size: 17px;
        margin-left: 2px;
        padding-left: 16px;
        padding-right: 17px
    }
    .ttw-music-player .player {
        width: 92%
    }
    .ttw-music-player .player .title {
        width: 100%
    }
    .ttw-music-player .player-controls {
        width: 66%;
        height: 30px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        margin: 12px 0 0 45px
    }
    .ttw-music-player .progress-wrapper {
        width: 81%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .progress {
        border-radius: 0
    }
    .ttw-music-player .tracklist {
        width: 89%
    }
    #videoplayer {
        width: 96%
    }
    .video-frame {
        margin-left: 6%
    }
    .video-title {
        font-size: 3.4vw
    }
    .video-img {
        width: 304px
    }
    .bookslist,
    .buttons-bar-2,
    .nanathi-diviya-para {
        width: 100%
    }
    .video-thumb {
        line-height: 12
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3vw;
        line-height: 14px;
        padding-left: 27px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix;
        font-size: 3.3vw
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .buttons-bar-2 {
        float: left;
        margin-top: 0
    }
    .books {
        padding-top: 10px;
        margin-bottom: 167%
    }
    .book-thumbs {
        margin-left: 28%
    }
    #booklist-toogle {
        padding-left: 4%
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .nanathi-diviya-para-2 {
        float: right;
        width: 57%
    }
    .hela-hawl-para {
        float: left;
        width: 48%
    }
    .hela-hawl {
        float: right;
        width: 45%
    }
    .hela-hawl-image {
        width: 36vw
    }
    .sithuwam-images {
        left: 17%!important
    }
    #sithuwam {
        left: -13%!important
    }
}

@media only screen and (min-device-width:500px) and (max-device-width:599px) and (orientation:portrait) {
    .srh{
        left:-85px;
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 35%
    }
    .home {
        width: 69%;
        margin-top: -152px;
        margin-left: -186px
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 5vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 7vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 5.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .playlist-tabs {
        height: auto
    }
}

@media only screen and (min-device-width:500px) and (max-device-width:599px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .nimawum-menu-2-tabs,
    .playlist-names {
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 25%;
        padding-left: 0;
        right: 3vw
    }
    .home {
        width: 73%;
        margin-top: 27px;
        margin-left: -108px
    }
    p,
    td {
        font-size: 3vw
    }
    .home-title-two {
        width: 41%;
        margin-top: 30px;
        margin-right: 20px
    }
    .intro-content h2 {
        padding-right: 28px
    }
    .intro-content h1 {
        color: #822B00;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 2.5vw
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .home-title-one {
        width: 81%;
        padding-top: 1px
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0 .5%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 4vw;
        padding-left: 8%;
        height: 34px
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 3.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .bookslist {
        width: 100%
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3.5vw;
        line-height: 14px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar,
    .jssorb13 {
        display: none
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0
    }
    h2.small-heading {
        font-size: 6vw
    }
    .gallery-img {
        width: 23%
    }
    .playlist-tabs-dropdown {
        width: 95%
    }
    .ttw-music-player .player {
        width: 98%;
        background-color: #b7a160
    }
    .ttw-music-player .player .title {
        width: 100%
    }
    .ttw-music-player .player-controls {
        width: 60%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .ttw-music-player .progress-wrapper {
        width: 73%
    }
    .ttw-music-player .elapsed {
        width: 60%
    }
    .progress {
        border-radius: 0
    }
    .ttw-music-player {
        width: 100%
    }
    .playlist-names {
        width: 100%;
        background-color: #9a864f;
        margin-left: 0;
        font-size: 20px;
        padding-left: 31px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .video-title {
        font-size: 4.4vw
    }
    #booklist-toogle {
        width: 90%;
        float: left;
        padding-left: 3%
    }
    .books {
        padding-top: 80px;
        padding-bottom: 263%;
        margin-left: 22%
    }
    #videoplayer {
        width: 95%
    }
    .video-img {
        width: 253px
    }
    .video-thumb {
        line-height: 10
    }
    #contactFormCap {
        font-size: 3.1vw
    }
    .contact-email,
    .contact-no {
        font-size: 2.8vw!important
    }
    .footer-desc-two,
    .footer_desc {
        font-size: 10px
    }
    .footer a {
        font-size: 9px
    }
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .nanathi-diviya-para-2 {
        float: right;
        width: 57%
    }
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl {
        float: left;
        width: 51%
    }
    .hela-hawl-image {
        width: 82vw
    }
    .sithuwam-images {
        height: initial!important;
        width: 30%!important;
        left: 0!important;
        bottom: 0!important
    }
    #sithuwam {
        left: 26%!important
    }
}

@media only screen and (min-device-width:400px) and (max-device-width:499px) and (orientation:portrait) {
       .srh{
        left:-50px;
    }

   .nimawum-menu-2-tabs,
    .playlist-names {
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 24%
    }
    .kalasuuri_title h1 {
        font-size: 9.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 4.1vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .intro-content h2 {
        color: #44443E;
        display: block;
        font-family: "apex-a.pura-008";
        font-size: 5.5vw;
        position: relative;
        font-weight: 300;
        top: 6.2vw;
        padding-right: 23px
    }
    .image-container,
    .ttw-music-player .album-cover {
        display: none
    }
    .home-title-one {
        width: 81%;
        padding-top: 0
    }
    .home {
        width: 62%;
        margin-top: -32px;
        margin-left: -218px
    }
    .home-title-two {
        margin-top: 34px;
        margin-right: 26px
    }
    p {
        font-size: 4vw
    }
    h2.small-heading {
        font-size: 11vw
    }
    h2.small-heading::after {
        left: 45%
    }
    .hela-hawl,
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl-image {
        width: 100%
    }
    .nanathi-diviya-para {
        float: left;
        width: 100%
    }
    .nanathi-diviya,
    .nanathi-diviya-image {
        float: right;
        width: 100%
    }
    h3 {
        font-size: 4.25em
    }
    .gallery-img {
        width: 22%
    }
    #contactFormCap,
    .contact-email,
    .contact-no {
        font-size: 4vw!important
    }
    td {
        font-size: 4vw
    }
    #musicplayer,
    #videoplayer {
        width: 93%
    }
    .video-title {
        font-size: 4.4vw
    }
    .video-img {
        width: 210px
    }
    .video-thumb {
        line-height: 9
    }
    .music-video {
        width: 93%
    }
    #video-tab {
        width: 30%
    }
    #music-tab {
        width: 15%
    }
    .ttw-music-player .player-controls {
        width: 86%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        height: 28px
    }
    .ttw-music-player .progress-wrapper {
        height: 4px;
        width: 77%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .ttw-music-player {
        width: 104%
    }
    .progress {
        border-radius: 0;
        height: 6px
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 5vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 4.8vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .bookslist {
        width: 100%;
        padding-left: 23px
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 4.3vw;
        line-height: 14px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px;
        height: 33px
    }
    .buttons-bar,
    .jssorb13 {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%
    }
    .book-thumbs {
        margin-left: 8%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0
    }
    .playlist-tabs-dropdown {
        width: 104%
    }
    .playlist-names {
        width: 100%;
        background-color: #9a864f;
        margin-left: 0;
        font-size: 20px;
        padding-left: 31px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .playlist-tabs {
        height: auto
    }
    .footer-desc-two,
    .footer_desc {
        font-size: 11px
    }
    .footer a {
        font-size: 10px
    }
    .youtube-video {
        width: 100%;
        height: 100%
    }
    .sithuwam-images {
        height: initial!important;
        width: 30%!important;
        left: 0!important;
        bottom: 0!important
    }
    #sithuwam {
        left: 17%!important
    }
}

@media only screen and (min-device-width:400px) and (max-device-width:499px) and (orientation:landscape) {
 
    .introduction,
    .menu {
        height: 100%!important
    }
    .nimawum-menu-2-tabs,
    .playlist-names {
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        width: 28%!important;
        padding-left: 0!important;
        right: -1vw!important
    }
    .home {
        width: 61%;
        margin-top: 17px;
        margin-left: -145px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 4.6vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 4.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    p,
    td {
        font-size: 3.5vw
    }
    h2.small-heading {
        font-size: 7vw
    }
    .bookslist {
        width: 100%;
        padding-left: 23px
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 3.7vw;
        line-height: 14px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar,
    .jssorb13,
    .ttw-music-player .album-cover,
    .ttw-music-player .album-cover .highlight,
    .ttw-music-player .album-cover .img {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%
    }
    .book-thumbs {
        margin-left: 8%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0
    }
    .playlist-tabs-dropdown {
        width: 94%
    }
    .playlist-names {
        width: 100%;
        background-color: #9a864f;
        margin-left: 0;
        font-size: 20px;
        padding-left: 31px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .playlist-tabs {
        height: auto
    }
    .home-title-one {
        width: 81%;
        padding-top: 0
    }
    .home-title-two {
        width: 41%;
        margin-top: 32px;
        margin-right: 14px
    }
    .gallery-img {
        width: 23%
    }
    .video-title {
        font-size: 4.4vw
    }
    .ttw-music-player .player-controls {
        width: 87%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        margin-bottom: 5px
    }
    .ttw-music-player .progress-wrapper {
        width: 79%
    }
    .ttw-music-player {
        width: 94%
    }
    .progress {
        border-radius: 0
    }
    #contactFormCap {
        font-size: 4.1vw
    }
    .contact-email,
    .contact-no {
        font-size: 3.5vw!important
    }
    .footer-desc-two,
    .footer_desc {
        font-size: 10px
    }
    .footer a {
        font-size: 9px
    }
    .nanathi-diviya-para {
        width: 100%
    }
    .nanathi-diviya-image {
        float: left;
        width: 82vw
    }
    .nanathi-diviya {
        float: left;
        width: 37%
    }
    .hela-hawl-para,
    .nanathi-diviya-para-2 {
        float: left;
        width: 100%
    }
    .hela-hawl {
        float: left;
        width: 51%
    }
    .hela-hawl-image {
        width: 82vw
    }
    .sithuwam-images {
        height: initial!important;
        width: 30%!important;
        left: 0!important;
        bottom: 0!important
    }
    #sithuwam {
        left: 26%!important
    }
}

@media only screen and (min-device-width:300px) and (max-device-width:400px) and (orientation:portrait) {
    .inner_icons {

        left:-30px;
    }
.menuBtn img{
    left:17px;
}
.srh{
    left: -30px;
}
    .image-container,
    .ttw-music-player .album-cover {
        display: none
    }
    .nimawum-menu-2-tabs,
    .playlist-names {
        border-top: 1px solid rgba(255, 255, 255, .26)
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .signature {
        width: 23%!important;
        position: relative!important;
        top: 2vw!important;
        right: 1vw!important
    }
    .home {
        width: 50%;
        margin-top: -12px;
        margin-left: -177px
    }
    .kalasuuri_title h1 {
        font-size: 7.5vw;
        padding-left: 0
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 4vw;
        margin: 0
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .home-title-one {
        width: 81%;
        padding-top: 0
    }
    .home-title-two {
        margin-top: 50px;
        margin-right: 20px
    }
    h2.small-heading {
        font-size: 13vw
    }
    p {
        font-size: 4.5vw
    }
    h2.small-heading::before {
        width: 39%;
        left: 31%
    }
    h2.small-heading::after {
        left: 45%
    }
    .author,
    .copyright {
        font-size: 10px
    }
    .footer a {
        font-size: 9px
    }
    .copyright {
        float: left!important;
        margin-bottom: 0!important
    }
    .author {
        float: right!important
    }
    .footer-desc-two,
    .footer_desc {
        width: 50%;
        padding: 0
    }
    .footer-desc-two {
        text-align: right
    }
    .hela-hawl,
    .hela-hawl-para {
        float: left;
        width: 100%
    }
    .hela-hawl-image {
        width: 100%
    }
    .nanathi-diviya-para {
        float: left;
        width: 100%
    }
    .nanathi-diviya,
    .nanathi-diviya-image {
        float: right;
        width: 100%
    }
    .gallery-img {
        width: 30%
    }
    .contact-email,
    .contact-no {
        font-size: 4.5vw!important
    }
    .contact-fax,
    .contact-phone {
        width: 100%
    }
    #contactFormCap,
    td {
        font-size: 4.5vw
    }
    #videoplayer,
    .music-video {
        width: 320px
    }
    #music-tab {
        width: 25%
    }
    #video-tab {
        width: 50%
    }
    .video-head-title {
        padding-right: 5%
    }
    .video-img {
        width: 130px
    }
    .video-thumb {
        margin-left: 4px;
        margin-right: 4px;
        line-height: 6
    }
    .video-title {
        font-size: 4.4vw
    }
    .video-frame {
        margin-left: 5%;
        margin-right: 5%
    }
    .youtube-video {
        align: middle;
        width: 100%;
        height: 100%
    }
    .video-list-inner {
        margin-left: 0;
        margin-right: 0
    }
    .musicplayer {
        width: 320px;
        margin: 0 auto
    }
    .ttw-music-player {
        width: 320px
    }
    .ttw-music-player .player-controls {
        width: 320px;
        border-radius: 0;
        -moz-border-radius: 0;
        margin: 12px 0 0
    }
    .ttw-music-player .progress-wrapper {
        height: 2px;
        width: 234px;
        margin: 12px 10px 10px 0
    }
    .ttw-music-player .track-info {
        margin: 0 0 0 15px
    }
    .duration {
        font-size: 16px
    }
    .ttw-music-player .tracklist .title {
        padding: 0 0 0 14px;
        font-size: 16px
    }
    .ttw-music-player .tracklist {
        padding: 0;
        border-radius: 0;
        -moz-border-radius: 0
    }
    .progress {
        border-radius: 0
    }
    .ttw-music-player .elapsed {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .playlist-tabs {
        width: 320px;
        height: auto
    }
    .ttw-music-player .player .title {
        font-size: 26px;
        width: 300px
    }
    .ttw-music-player .track-info p {
        font-size: 21px
    }
    .menu-2-toggle,
    header {
        display: block
    }
    h3 {
        font-size: 4.45em
    }
    .playlist-tabs-dropdown {
        width: 100%
    }
    .playlist-names {
        width: 100%;
        background-color: #9a864f;
        margin-left: 0;
        font-size: 20px;
        padding-left: 31px
    }
    .playlist-names:hover {
        background-color: #827243
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block;
        margin: 0;
        width: 102%
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 7vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 5.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%
    }
    .buttons-bar-2 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px
    }
    .bookslist {
        width: 100%
    }
    #adhyapana-button-2,
    #gadhi-button-2,
    #geepoth-button-2,
    #lamagee-button-2,
    #lamakatha-button-2,
    #padhi-button-2,
    #patithati-button-2,
    #poth-button-2 {
        font-size: 4.5vw;
        line-height: 14px
    }
    .booklist-toogle {
        width: 100%;
        background-color: #FBC977;
        line-height: 40px;
        padding-left: 7px;
        font-family: fmmalithix
    }
    .booklist-toogle span {
        float: right;
        padding-right: 11px
    }
    .booklist-toogle-menu {
        display: block;
        margin-bottom: 25px
    }
    .buttons-bar {
        display: none
    }
    .books {
        padding-top: 10px;
        margin-bottom: 200%
    }
    .book-thumbs {
        margin-left: 8%
    }
    .sithuwam-images {
        height: initial!important;
        width: 30%!important;
        left: 0!important;
        bottom: 0!important
    }
    #sithuwam {
        left: 13%!important
    }
}

@media only screen and (min-device-width:300px) and (max-device-width:400px) and (orientation:landscape) {
    .introduction,
    .menu {
        height: 100%!important
    }
    .content-container-2 {
        overflow-x: hidden
    }
    .dec-two {
        width: 50%;
        float: right
    }
    .dec-one {
        width: 50%;
        float: left
    }
    .introduction {
        width: 60%!important
    }
    .menu {
        width: 40%!important
    }
    .heading i {
        font-size: 15px;
        height: 18px;
        width: 18px;
        line-height: 15px;
        margin: auto auto 0;
        text-align: center
    }
    .menu-2>div h2,
    .menu>div h2 {
        font-size: 2vw;
        margin: 0
    }
    .signature {
        position: relative;
        top: 8vw;
        right: 10vw
    }
    .home {
        width: 70%;
        margin-top: -80px;
        margin-left: -123px
    }
    .intro-content h2 {
        padding-right: 0
    }
    .image-container {
        display: none
    }
    .menu-2-toggle,
    header {
        display: block
    }
    .tabs label {
        display: none
    }
    .nimawum-second-menu {
        display: block
    }
    .nimawum-menu {
        background-color: transparent;
        height: 0
    }
    .nimawum-menu-toggle {
        font-size: 7vw;
        padding-left: 8%
    }
    .nimawum-menu-2-tabs {
        padding-left: 0;
        font-size: 5.5vw;
        text-align: center
    }
    .nimawum-dropdown-arrow {
        float: right;
        padding-right: 6%   
    }
}
@media  screen and (width: 640px), screen and (height:360px) and (orientation:portrait) {
    .inner_icons {

        left:-20px;
        }
    .menuBtn img{
        left:15px;
    }
    .srh{
        left: -28px !important;
    }
}

@media  screen and (width: 384px), screen and (height:640px) and (orientation:portrait) {
    .inner_icons {

        left:-20px;
        }
    .menuBtn img{
        left:15px;
    }
    .srh{
        left: -40px !important;
    }
}
@media  screen and (width: 375px), screen and (height:667px) and (orientation:portrait) {
    .inner_icons {

        left:-20px;
        }
    .menuBtn img{
        left:15px;
    }
    .srh{
        left: -35px !important;
    }
}
@media  screen and (width: 360px), screen and (height:640px) and (orientation:portrait) {
    .inner_icons {

        left:-20px;
        }
    .menuBtn img{
        left:15px;
    }
    .srh{
        left: -28px !important;
    }
}

@media  screen and (width: 320px), screen and (height:480px) and (orientation:portrait) {
    .inner_icons {

        left:-20px;
        }
    .menuBtn img{
        left:15px;
    }
    .srh{
        left: 6px !important;
    }
    .plc_hldr{
        width: 160px !important;
        left: 32px !important;
    }
    .sub_btn{
        left: -30px !important;
    }

}

/*@media  screen and (width: 414px), screen and (height:736px) and (orientation:landscape) {
    .srh{
        left: 6px !important;
 }

}*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
    .srh{
        left: -40px !important;
 }
}