/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 9, 2017 */

@font-face {
    font-family: 'noto_sans_tamil_uiregular';
    src: url('notosanstamilui-regular-webfont.eot');
}

@font-face {
    font-family: 'noto_sans_tamil_uiregular';
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), url('notosanstamilui-regular-webfont.ttf') format('truetype'), url('notosanstamilui-regular-webfont.svg#noto_sans_tamil_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notosanstamilui-regular-webfont';
    src: url('../fonts/notosanstamilui-regular-webfont.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'notosanstamilui-regular-webfont';
    src: url('../fonts/notosanstamilui-regular-webfont.woff') format('woff'), url('../fonts/notosanstamilui-regular-webfont.eot') format('embedded-opentype'), url('../fonts/notosanstamilui-regular-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'notosanstamilui-regular-webfont';
    src: url('../fonts/notosanstamilui-regular-webfont.ttf') format('truetype');
}

.in-img {
    margin: 0 auto;
    width: auto;
    display: block;
}

.loader {
    border: 12px solid #ffffff;
    border-top: 12px solid #ca5629;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

.cont {
    overflow: hidden;
    width: 500px;
    /* or other */
    -o-text-overflow: ellipsis;
    /* Opera */
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img-home-mathi {
    /* position: absolute;
    z-index: 100000; */
    display: none;
    width: 100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(width:1024px) and (height:1366px) {
    .mugappu-section {
        height: 56%;
    }
}

@media(width:1280px) and (height:800px) {
    .fleft {
        margin-top: 125px !important;
    }
}

@media(min-width:320px) and (max-width:768px) {
    #im .soc-st ul li img {
        width: 25px;
        height: 25px;
    }
    .catoverlay_pop {
        width: 75%;
        height: 400px;
        overflow: auto;
    }
    .kalaam-res {
        height: auto;
    }
    .popup__close {
        position: relative;
        width: 80px !important;
    }
    .popup__calign {
        margin-top: -15px;
    }
    .in-img {
        margin: 0 auto;
        width: 28% !important;
        display: block;
    }
    .wrap-st {
        height: 50%;
        background: #fff;
    }
    .pathivu {
        font-size: 16px;
    }
    #slider ul {
        height: 275px;
    }
    .carousel-control img {
        width: 50% !important;
    }
    .media-carousel {
        width: 100% !important;
    }
    #progressbar li:after {
        top: 13px !important;
    }
    #progressbar li:before {
        margin: 10px auto 5px auto;
    }
    .fleft1 {
        /*float: left;*/
        width: 40% !important;
        margin-top: 70px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .palsuvai-head {
        font-size: 10px;
    }
    .pugaipadam-head {
        font-size: 12px;
    }
    .slider {
        height: 150px !important;
    }
   
    .echari-head {
        font-size: 12px !important;
    }
    label {
        font-size: 28px;
        width: 280px;
    }
    h1.vilippunarvu label {
        padding: 0 8px;
    }
    .puththagam-section img {
        width: auto;
    }
    .media-carousel .carousel-control.right {
        margin-top: 55px;
        right: 0 !important;
    }
    .media-carousel .carousel-control.left {
        margin-top: 55px;
        right: 0 !important;
    }
    .carousel-control img {
        width: 75% !important;
    }
    .img-txt {
        width: 100% !important;
    }
    .hov-st {
        width: 90% !important;
        margin: 0 auto;
    }
    .slides {
        top: 253px !important;
        left: 368px !important;
    }
    .slides1 {
        top: 223px !important;
        left: 185px !important;
    }
    .photo1 {
        width: 102px !important;
        height: 178px !important;
    }
    .sidenavvv {
        width: 170px !important;
    }
    .intro-mathi-section {
        margin-top: -20px;
    }
    .img-mathi-full {}

    /* img{
        width: 38% !important;
    } */

    .echari-height a img{
        width: 38% !important;
    }
    .echari-height img{
        width: 38% !important;
    }

    .echari-height {
        height: 184px;
        /* height: 222px; */
      
    }
}

@media(min-width:320px) and (max-width:420px) {
    label {
        font-size: 16px !important;
        width: 180px !important;
    }
    .media-carousel .carousel-control.left {
        margin-top: 0px !important;
    }
    .media-carousel .carousel-control.right {
        margin-top: 0px !important;
    }
    .echari-height a img{
        width: 65% !important;
    }
    .echari-height img{
        width: 65% !important;
    }

    .echari-height {
        height: 184px;
        /* height: 222px; */
      
    }
}

@media(width:768px) {
    .arimugam-section .ari-cols img, .alamari-section img, .cartoon-section img, .book-scroll {
        width: auto !important;
    }
    .echcharikkai-section img {
        width: 50% !important;
    }
    .palsuvai-section img {
        width: 30% !important;
    }
    .navbar-brand {
        
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media(width:320px) {
    .photo1 {
        width: 42px !important;
        height: 75px !important;
    }
    .slides1 {
        top: 114px !important;
        left: 79px !important;
    }
    .slides {
        top: 128px !important;
        left: 152px !important;
    }
    .photo {
        width: 86px !important;
        height: 62px !important;
    }
    h1 {
        font-size: 20px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 75% !important;
    }
    .align-st-1 {
        padding: 20px;
        font-size: 12px;
    }
    .align-st {
        font-size: 12px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 115px;
    }
    .img-txt {
        text-align: justify !important;
        font-size: 14px !important;
    }
    .arimugam-head {
        font-size: 12px;
    }
    .cartoon-head {
        font-size: 12px !important;
    }
    .echari-height {
        height: 180px;
    }
    .list {
        height: 550px;
    }
    .navbar-brand {
        padding: 0px 50px;
    }
    .navbar-toggle {
        /*padding: -1px 12px;*/
    }
}

@media(width:360px) {
    .photo1 {
        width: 48px !important;
        height: 80px !important;
    }
    #slider ul {
        height: 200px;
    }
    .slides1 {
        top: 125px !important;
        left: 88px !important;
    }
    .slides {
        top: 136px !important;
        left: 171px !important;
    }
    .photo {
        width: 97px !important;
        height: 75px !important;
    }
    h1 {
        font-size: 20px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 66% !important;
    }
    .align-st-1 {
        padding: 20px;
        font-size: 12px;
    }
    .align-st {
        font-size: 12px;
    }
    .palsuvai-section img {
        width: 85%;
        height: 115px;
    }
    .img-txt {
        text-align: justify !important;
        font-size: 14px !important;
    }
    .arimugam-head {
        font-size: 12px;
    }
    .cartoon-head {
        font-size: 12px !important;
    }
    .echari-height {
        height: 180px;
    }
    .navbar-brand {
        padding: 0px 68px;
    }
    /*.navbar-toggle{
        padding: 18px 12px;
    }*/
    h1.mathi-head:before {
        top: 66.5% !important;
    }
}

@media(width:375px) {
    .photo1 {
        width: 48px !important;
        height: 89px !important;
    }
    .slides1 {
        top: 123px !important;
        left: 92px !important;
    }
    .slides {
        top: 141px !important;
        left: 179px !important;
    }
    .photo {
        width: 97px !important;
        height: 75px !important;
    }
    h1 {
        font-size: 16px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 64% !important;
    }
    .align-st-1 {
        padding: 20px;
    }
    .echari-head {
        font-size: 8px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 135px;
    }
    .palsuvai-section .echari-height {
        height: 250px;
    }
    .navbar-brand {
        padding: 0px 76px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
    .mobileImgWidth{
        max-width: 70% !important;
    }
}

@media(width:384px) {
    .photo1 {
        width: 70px !important;
        height: 114px !important;
    }
    .slides1 {
        top: 110px !important;
        left: 66px !important;
    }
    .slides {
        top: 135px !important;
        left: 195px !important;
    }
    .photo {
        width: 97px !important;
        height: 75px !important;
    }
    h1 {
        font-size: 16px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 66% !important;
    }
    .align-st-1 {
        padding: 20px;
        font-size: 12px;
    }
    .echari-head {
        font-size: 8px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 135px;
    }
    .palsuvai-section .echari-height {
        height: 200px !important;
    }
    .align-st {
        font-size: 12px;
    }
    h4 {
        font-size: 14px;
    }
    .img-txt {
        text-align: justify !important;
        font-size: 16px !important;
    }
    .navbar-brand {
        padding: 0px 80px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media(width:390px) {
    .photo1 {
        width: 50px !important;
        height: 95px !important;
    }
    .slides1 {
        top: 127px !important;
        left: 95px !important;
    }
    .slides {
        top: 146px !important;
        left: 189px !important;
    }
    .photo {
        width: 97px !important;
        height: 75px !important;
    }
    .mobileImgWidth{
        max-width: 65% !important;
    }
}

@media(width:412px) {
    .photo1 {
        width: 73px !important;
        height: 128px !important;
    }
    .slides1 {
        top: 110px !important;
        left: 74px !important;
    }
    .slides {
        top: 142px !important;
        left: 213px !important;
    }
    .photo {
        width: 112px !important;
        height: 84px !important;
    }
    h1 {
        font-size: 20px;
    }
    h4 {
        font-size: 10px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 58% !important;
    }
    .align-st-1 {
        padding: 20px;
    }
    .echari-head {
        font-size: 10px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 160px;
    }
    .cartoon-section img {
        width: auto;
    }
    .pugaipadam-head {
        font-size: 10px;
    }
    .align-st-1 {
        font-size: 10px;
    }
    .align-st {
        font-size: 12px;
    }
    .img-txt {
        font-size: 16px !important;
    }
    .echari-height {
        height: 250px;
    }
    .navbar-brand {
        padding: 0px 95px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media(width:414px) {
    .photo1 {
        width: 56px !important;
        height: 98px !important;
    }
    .slides1 {
        top: 133px !important;
        left: 100px !important;
    }
    .slides {
        top: 150px !important;
        left: 197px !important;
    }
    .photo {
        width: 112px !important;
        height: 84px !important;
    }
    h1 {
        font-size: 20px;
    }
    h4 {
        font-size: 10px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 58% !important;
    }
    .align-st-1 {
        padding: 20px;
    }
    .echari-head {
        font-size: 10px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 160px;
    }
    .echari-height img {
        width: 75% !important;
        height: auto !important;
    }
    .cartoon-section img {
        width: auto;
    }
    .pugaipadam-head {
        font-size: 10px;
    }
    .align-st-1 {
        font-size: 10px;
    }
    .align-st {
        font-size: 12px;
    }
    .img-txt {
        font-size: 11px !important;
    }
    .navbar-brand {
        padding: px 0px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media(width:432px) {
    .photo1 {
        width: 83px !important;
        height: 139px !important;
    }
    .slides1 {
        top: 110px !important;
        left: 74px !important;
    }
    .slides {
        top: 144px !important;
        left: 222px !important;
    }
    .photo {
        width: 118px !important;
        height: 89px !important;
    }
    h1 {
        font-size: 20px;
    }
    h4 {
        font-size: 10px;
    }
    .fleft img {
        width: auto;
    }
    h1.mathi-head:before {
        top: 56% !important;
    }
    .align-st-1 {
        padding: 20px;
    }
    .echari-head {
        font-size: 10px;
    }
    .palsuvai-section img {
        width: 100%;
        height: 160px;
    }
    .cartoon-section img {
        width: auto;
    }
    .pugaipadam-head {
        font-size: 10px;
    }
    .align-st-1 {
        font-size: 10px;
    }
    .align-st {
        font-size: 12px;
    }
    .img-txt {
        font-size: 16px !important;
        text-align: justify !important;
    }
    .palsuvai-section .echari-height {
        height: 250px !important;
    }
    .echcharikkai-section .echari-height {
        height: 200px !important;
    }
}

@media(width:480px) {
    .photo1 {
        width: 90px !important;
        height: 149px !important;
        border-radius: 5px !important;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px !important;
    }
    .slides {
        top: 150px !important;
        left: 245px !important;
    }
    .slides1 {
        top: 115px !important;
        left: 80px !important;
    }
    .photo {
        width: 125px !important;
        height: 94px !important;
    }
    .echcharikkai-section img {
        width: 100%;
    }
    .echari-head {
        font-size: 16px !important;
        min-height: 40px !important;
    }
    .palsuvai-head {
        font-size: 16px !important;
        min-height: 40px !important;
    }
    .palsuvai-section img {
        width: 100px;
        height: 100px;
    }
    .pugaipadam-section img {
        width: 100%;
    }
    .valarntha-section {
        height: auto !important;
    }
    .pugaipadam-head {
        font-size: 16px;
    }
    .mugappu-section, .arimugam-section, .mathi-section, .echcharikkai-section, .alamari-section, .cartoon-section, .palsuvai-section, .pugaipadam-section, .valarntha-section {
        width: 99%;
    }
    .navbar-brand {
        padding: 0px 125px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media (max-width:484px) and (max-height:800px) {
    .photo1 {
        width: 65px !important;
        height: 120px !important;
        border-radius: 5px !important;
    }
 
    .slides {
        top: 170px !important;
        left: 225px !important;
    }
    .slides1 {
        top: 145px !important;
        left: 115px !important;
    }
    .photo {
        width: 140px !important;
        height: 94px !important;
    }
}

@media(width:568px) {
    .photo1 {
        width: 78px !important;
        height: 138px !important;
        border-radius: 5px !important;
    }
   
    .slides {
        top: 189px !important;
        left: 270px !important;
    }
    .slides1 {
        top: 163px !important;
        left: 134px !important;
    }
    .photo {
        width: 160px !important;
        height: 120px !important;
    }
   
}

@media(width:600px) {
    .photo {
        width: 173px !important;
        height: 126px !important;
    }
    .slides {
        top: 173px !important;
        left: 304px !important;
    }
    .slides1 {
        top: 125px !important;
        left: 105px !important;
    }
    .photo1 {
        width: 110px !important;
        height: 195px !important;
        border-radius: 10px !important;
    }
    .echari-head {
        font-size: 16px;
    }
    .pugaipadam-section img {
        width: 99%;
    }
    .palsuvai-head {
        font-size: 15px;
    }
    .cartoon-section img {
        width: auto !important;
    }
    .echcharikkai-section .echari-height {
        height: 280px;
    }
    .palsuvai-section .echari-height {
        height: 325px;
    }
    .mathiyaar-section img {
        width: auto !important;
    }
    .navbar-brand {
        padding: 0px 188px;
    }
    .navbar-toggle {
        /*padding: 18px 12px;*/
    }
}

@media(width:640px) {
    .photo {
        width: 173px !important;
        height: 126px !important;
    }
    .slides {
        position: absolute;
        top: 184px !important;
        left: 331px !important;
        z-index: 1;
    }
    .slides1 {
        top: 130px !important;
        left: 105px !important;
    }
    .photo1 {
        width: 124px !important;
        height: 208px !important;
        border-radius: 10px !important;
    }
    .echari-head {
        font-size: 16px;
    }
    .pugaipadam-section img {
        width: 99%;
    }
    .palsuvai-head {
        font-size: 15px;
    }
    .echari-height {
        height: 280px !important;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 25px;
        margin-left: 0px;
        margin-top: 0px;
    }
    .arimugam-section .ari-cols img {
        width: auto !important;
    }
    .alamari-section img {
        width: auto !important;
    }
    .cartoon-section img {
        width: auto !important;
    }
    .palsuvai-section img {
        width: auto !important;
    }
    .list {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: auto;
        height: 700px;
    }
    .navbar-brand {
        padding: 0px 200px;
    }
}

@media(width:768px) {
    .photo1 {
        width: 100px !important;
        height: 180px !important;
    }
    .slides1 {
        top: 200px !important;
        left: 185px !important;
    }
    .slides {
        top: 240px !important;
        left: 360px !important;
    }
    .photo {
        width: 220px !important;
        height: 145px !important;
    }
}

@media (min-width:320px) and (max-width:768px) {
    .vili-align {
        width: 100%;
    }
    a.control_prev, a.control_next {
        font-size: 10px;
    }
    .popup__inner {
        top: 0;
    }
    .bg-lt {
        height: 55%;
    }
    img {
        width: 100%;
    }
    .navbar-brand {
        height: 87px;
    }
    #cartoon img {
        width: 215px;
    }
    #slider ul li {
        line-height: 200px;
    }
    .vaasagar-section {
        height: auto;
    }
    .vaasagar {
        position: relative;
        width: 100%;
        background: rgba(242, 234, 223, 0.65);
        color: #000;
        left: 0;
    }
    .kalaam-st {
        width: 100% !important;
    }
    .soc-st {
        font-size: 30px;
    }
    .fleft {
        float: none;
        width: 100% !important;
        /* background: blue; */
        /* height: 400px; */
        margin-top: 10px;
    }
    .fright {
        float: none;
        position: relative;
        width: 100%;
        box-shadow: none;
    }
    h1.mathi-head:before {
        content: "";
        display: block;
        border-top: solid 1px #8f8f8f;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 43%;
        z-index: 1;
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 207px;
        height: 156px;
        border-radius: 20px;
        cursor: pointer;
    }
    .slides {
        position: absolute;
        top: 200px;
        left: 395px;
        z-index: 1;
    }
    .img-ma {
        width: 37%;
    }
    .img-thi {
        width: 60%;
    }
    .img-txt {
        text-align: justify;
        font-weight: bold;
        font-size: 16px;
    }
    .slides1 {
        position: absolute;
        top: 146px;
        left: 133px;
        z-index: 1;
    }
    .photo1 {
        /*position: absolute; */
        animation: round 16s infinite;
        /* opacity: 0; */
        width: 138px;
        height: 240px;
        border-radius: 20px;
        cursor: pointer;
    }
    @keyframes round {
        25% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
    }
    img:nth-child(1) {
        animation-delay: 12s;
    }
    img:nth-child(2) {
        animation-delay: 8s;
    }
    img:nth-child(3) {
        animation-delay: 4s;
    }
    img:nth-child(4) {
        animation-delay: 0s;
    }
    .navbar .container {
        padding: 0px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    nav.stroke span:after, nav.fill span:after {
        background: none;
    }
    .list .active span:before, .active span:after {
        height: 0px;
    }
    .mbl {
        display: block !important;
    }
    .mbl1 {
        display: none !important;
    }
    .sidenav {
        position: relative;
        width: 98% !important;
        margin: 0 auto;
        height: 600px;
        animation: fadeInLeft 1s forwards;
    }
    .mathi-section {
        height: auto;
        padding-bottom: 50px;
    }
    .margin-st {
        margin-bottom: 10px;
        height: 175px;
    }
    .margin-st1 {
        margin-bottom: 10px;
        height: 370px;
    }
    .vala-st {
        width: 100% !important;
    }
    /*.valarntha-section{
    height:200%;
}*/
    .vala-pop {
        width: 100% !important;
    }
    .ari-cols {
        margin-top: 15px;
        margin-bottom: 15px;
        position: relative;
    }
    .mugappu-section {
        height: auto;
        padding-top: 75px;
        text-align: center;
        background-image: url(../images/top-page/top-bg.jpg);
        /* background-position: left bottom,right bottom; */
        background-repeat: no-repeat, repeat;
        background-size: contain;
        /* text-align: right; */
        animation: fade-up 4s cubic-bezier(.05, .98, .17, .97) forwards;
    }
    #zoomOut img {
        height: 120px;
    }
    .valarntha-section {
        height: auto;
    }
    .puththagam-kalaam {
        font-size: 14px;
    }
}

@media(width:1680px) {
    .container {
        width: 1650px !important;
    }
    .nav>li>a {
        padding: 16px 12px !important;
    }
    .container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -25px !important;
    }
    .navbar-default .navbar-nav>li>a {
        transform: scale(0.9, 1.1) !important;
    }
    .slides1 {
        left: 645px !important;
    }
    .slides {
        left: 980px !important;
    }
    .img-txt {
        width: 40% !important;
    }
    h1.mathi-head:before {
        top: 57% !important;
    }
    h1.mathi-head label {
        width: 60% !important;
    }
    h1.muthal-head:before {
        top: 93% !important;
    }
    fieldset {
        padding: 1em !important;
    }
    .puththagam-kalaam {
        font-size: 22px;
    }
    input[type="text"]:focus {
        width: 1535px;
    }
    .navbar-nav>li>a {
        font-size: 19px !important;
    }
    .align-st-1, .cartoon-st, .echari-st, .alamari-st {
        font-size: 14px !important;
    }
    .sidenav a {
        padding: 3px 12px 2px 12px !important;
    }
    .sidenav .closebtn {
        font-size: 25px !important;
    }
    .sidenav1 a {
        font-size: 18px;
    }
}

@media(width:1600px) {
    .container {
        width: 1575px !important;
    }
    .h1, h1 {
        font-size: 30px;
    }
    .fleft {
        margin-top: 157px;
    }
    .nav>li>a {
        padding: 16px 16px !important;
    }
    .container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -25px !important;
    }
    .navbar-default .navbar-nav>li>a {
        transform: scale(0.9, 1.1) !important;
    }
    .slides1 {
        left: 575px !important;
    }
    .slides {
        left: 895px !important;
    }
    .img-txt {
        width: 35% !important;
    }
    h1.mathi-head:before {
        top: 58% !important;
    }
    h1.mathi-head label {
        width: 60% !important;
    }
    h1.muthal-head:before {
        top: 95% !important;
    }
    fieldset {
        padding: 0.4em !important;
    }
    .puththagam-kalaam {
        font-size: 12px;
    }
    input[type="text"]:focus {
        width: 1455px;
    }
    .navbar-nav>li>a {
        font-size: 17px !important;
    }
    .sidenav a {
        /*padding:3px 12px 2px 12px !important;*/
    }
    .sidenav .closebtn {
        font-size: 25px !important;
    }
    .sidenav1 a {
        font-size: 18px;
    }
    .img-thi {
        width: 585px !important;
        height: 520px !important;
    }
    .img-ma {
        width: 350px !important;
        height: 360px !important;
    }
    .photo1 {
        width: 178px !important;
        height: 268px !important;
        border-radius: 10px;
    }
    .slides1 {
        top: 205px !important;
        left: 815px !important;
    }
    .slides {
        top: 250px !important;
        left: 1055px !important;
    }
    .photo {
        width: 279px !important;
        height: 222px !important;
        border-radius: 10px;
    }
    .mugappu-section {
        height: 100%;
    }
    .mathi-section {
        /* height: 100%; */
        height: 120% !important;
    }
    .valarntha-section {
        height: 100%;
    }
    body, .arimugam-st, .align-st, .palsuvai-st, .footer-st a, .align-st-1, .cartoon-st, .echari-st, .alamari-st {
        font-size: 12px !important;
    }
    fieldset {
        height: 265px;
    }
}

@media (width:1600px) and (max-height:900px) {
    .img-txt {
        width: 44% !important;
    }
    .mathi-section {
        height: auto;
    }
    h1.mathi-head:before {
        top: 67% !important;
    }
    h1.muthal-head:before {
        top: 92% !important;
    }
    .fleft1 img {
        width: 25%;
    }
    .valarntha-section {
        height: auto;
    }
}

@media(width:1280px) {
    .photo1 {
        max-width: 110px !important;
        height: 245px !important;
    }
    .slides1 {
        top: 220px !important;
        left: 600px !important;
    }
    .slides {
        top: 268px !important;
        left: 798px !important;
    }
    .photo {
        width: 240px !important;
        height: 248x !important;
    }
    .intro-mathi-section {
        margin-left: 100px;
        margin-top: -50px;
        text-align: center;
    }
    .img-mathi-full {
        max-width: 800px;
        height: 620px;
    }
    .img-txt {
       
        width: 40%;
        text-align: justify;
        padding-right: 40px;
        padding-left: 0px;
        margin-top: -80px;
        margin-right: 260px;

       
    }
}
@media (min-width:1025px) and (max-width:1280px) {
    .container {
        width: 1210px;
    }
    .catoverlay_pop {
        width: 75%;
        height: 400px;
        overflow: auto;
    }
    .media-carousel {
        width: 90% !important;
    }
    .mathi-section {
        height: 150%;
    }
    .fleft {
        margin-top: 160px;
    }
    .h1, h1 {
        font-size: 25px;
    }
    .sidenav {
        width: 100%;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -23px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 7px !important;
        font-size: 12px !important;
    }
    .img-ma {
        margin-left: -100px;
        margin-right: 26px;
        width: 249px;
        height: 294px;
    }
    .img-thi {
        margin-left: -100px;
        margin-right: 0px;
        width: 561px;
        height: 441px;
    }
    .img-txt {
        float: right;
        color: #000;
        width: 65%;
        text-align: justify;
        padding-right: 40px;
        padding-left: 0px;
        font-weight: bold;
        margin-right: 20%;
    }
    .vala-st {
        animation: fade-up 4s cubic-bezier(.05, .98, .17, .97) forwards;
        cursor: pointer;
        width: 60% !important;
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        /* width: 260px;
        height: 160px; */
        width: 25%;
        cursor: pointer;
        border-radius: 5px;
    }
    .slides {
        position: absolute;
        top: 260px;
        left: -250px;
        z-index: 1;
    }
    .slides1 {
        position: absolute;
        top: 214px;
        left: -20px;
        z-index: 1;
    }
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        /* width: 125px;
        height: 225px; */
        width: 25%;
        cursor: pointer;
        border-radius: 10px;
    }
    .sidenav .closebtn {
        font-size: 25px;
    }
    .wrapper-slider img {
        width: 50%;
        height: 50%;
    }
    .sidenav a {
        /*padding: 0px 12px 0px 12px;*/
    }

    .intro-mathi-section {
        margin-left: 0px;
        margin-top: -50px;
        text-align: center;
    }
    .img-mathi-full {
        /* max-width: 800px;
        height: 620px; */
        width: 80%;
    }

    @keyframes round {
        25% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
    }
    img:nth-child(1) {
        animation-delay: 12s;
    }
    img:nth-child(2) {
        animation-delay: 8s;
    }
    img:nth-child(3) {
        animation-delay: 4s;
    }
    img:nth-child(4) {
        animation-delay: 0s;
    }
    #wrap {
        margin-right: -40px;
    }
    .kalaam-st {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        width: 50%;
        padding-bottom: 20px
    }
    .arimugam-st {
        width: 80%;
        margin: 0 auto;
        font-size: 12px;
    }
    .arimugam-head {
        padding-top: 10px;
        font-size: 16px;
    }
    .img-ant {
        width: 40%;
    }
    .echari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .echari-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .mathiyaar-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .mathiyaar-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .alamari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .alamari-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .cartoon-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .cartoon-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .palsuvai-st {
        width: 60%;
        margin: 0 auto;
        font-size: 12px;
    }
    .align-st {
        font-size: 12px;
    }
    .palsuvai-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .pugaipadam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .pugaipadam-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .puththagam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .puththagam-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .valarntha-section img {
        width: 100%;
    }
    .bar_st {
        padding-top: 10px !important;
        margin-left: 40px;
        margin-right: -40px;
    }
    .bar1, .bar2, .bar3 {
        width: 30px;
        height: 2px;
        background-color: #fff;
        margin: 8px 0;
        transition: 0.4s;
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-6px, 5px);
    }
    input[type="text"]:focus {
        width: 1040px;
        z-index: 1;
        border-bottom: 1px solid #BBB;
        cursor: text;
        background: #c95629;
        color: #fff;
    }
    .puththagam-section h3 {
        font-size: 15px;
    }
    .book-scroll {
        width: 85%;
        padding: 10px;
    }
    input[type="text"] {
        margin-right: 0px;
        height: 50px;
        font-size: 14px;
    }
    .img-txt {
        font-size: 11px;
    }
    .soc-st {
        font-size: 31px;
    }
    h1.mathi-head:before {
        top: 88.5%;
    }
    .fleft1 img {
        width: 22%;
    }
    .align-st-1 {
        font-size: 14px;
    }
    .sidenav1 a {
        font-size: 14px;
    }
}

@media(width:1024px) {
    .container {
        width: 1020px;
        /* width: 870px; */
        padding: 0;
        margin: 0;
    }
    .nav>li>a {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-nav {
        float: none;
    }
    .img-ma {
        width: 220px;
        height: 210px;
    }
    .img-thi {
        width: 325px;
        height: 300px;
    }
    .intro-mathi-section {
        margin-left: 97px;
        margin-top: -34px;
        text-align: center;
    }
    .img-mathi-full {
        width: 599px;
        height: 340px;
    }
    .slides1 {
        position: absolute;
        top: 164px;
        left: 395px;
        z-index: 1;
    }
    .mugappu-section {
        padding-top: 90px;
    }
    .slides {
        position: absolute;
        top: 188px;
        left: 541px;
        z-index: 1;
    }
    .popup__inner {
        height: 70%;
    }
    .wrapper-slider img {
        height: 80%;
    }
    .kalaam-st {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        padding-bottom: 40px;
        width: 50%;
    }
    #pugaipadam img, #echcharikkai img, #alamari img, #cartoon img, .valarntha-section img {
        width: 75%;
    }
    #palsuvai img {
        width: 50%;
    }
    .puththagam-kalaam, .align-st {
        font-size: 12px;
    }
    fieldset {
        /* height:250px;
      padding:0px; */
        height: 306px;
        padding: 4px;
    }
    fieldset h4 {
        font-size: 16px;
    }
    fieldset p, .align-st-1 {
        font-size: 12px;
    }
    .row {
        margin: 0;
    }
    .vaasagar {
        font-size: 12px;
        width: 50%;
        margin-left: 10%;
    }
    .sidenav {
        width: 100%;
    }
    .fleft {
        margin-top: 108px;
        display: block !important;
    }
    .fleft h1.muthal-head:before {
        display: none;
    }
    .fleft1 {
        display: none !important;
    }
    .h1, h1 {
        font-size: 25px;
    }
    .img-ant {
        width: 75%;
    }
    .arimugam-head {
        padding-top: 20px;
        font-size: 16px;
        transform: scale(1, 1.1);
    }
    .media-carousel {
        width: 80%;
    }
    .arimugam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .photo {
        width: 178px;
        height: 108px;
    }
    .photo1 {
        width: 79px;
        height: 126px;
    }
    .img-txt {
        float: right;
        color: #000;
        width: 66%;
        text-align: justify;
        padding-right: 176px;
        padding-left: 0px;
        font-weight: bold;
        font-size: 12px;
        margin-top: -46px;
    }
  
}

@media(max-width:1280px) and (max-height:1024px) {
    h1.mathi-head:before {
        top: 58.5% !important;
    }
    h1.muthal-head:before {
        top: 61% !important;
    }
}

@media (max-width:1280px) and (max-height:900px) {
    h1.mathi-head:before {
        top: 62.5% !important;
    }
    h1.muthal-head:before {
        top: 65% !important;
    }
}

@media (max-width:1280px) and (max-height:694px) {
    h1.mathi-head:before {
        top: 76.5% !important;
    }
    h1.muthal-head:before {
        top: 65% !important;
    }
    .img-txt {
        width: 38%;
    }
}

@media (max-width:1280px) and (max-height:662px) {
    h1.mathi-head:before {
        top: 80.5% !important;
    }
    h1.muthal-head:before {
        top: 65% !important;
    }
}

@media (max-width:1280px) and (max-height:614px) {
    h1.mathi-head:before {
        top: 87.5% !important;
    }
    h1.muthal-head:before {
        top: 90% !important;
    }
    .img-txt {
        width: 57%;
    }
}

@media (min-width:1281px) and (max-width:1366px) {
    #wrap {
        margin-right: -40px;
    }
    .fleft {
        margin-top: 197px;
    }
    .catoverlay_pop {
        width: 75%;
        height: 600px;
        overflow: auto;
    }
    .h1, h1 {
        font-size: 25px;
    }
    .container {
        width: 1280px;
    }
    #slider ul {
        height: 490px;
    }
    .popup__calign {
        margin-top: -10px;
    }
    .valarntha-section img {
        width: 100%;
    }
    .nav>li>a {
        padding: 16px 10px !important;
    }
    .bar_st {
        padding-top: 10px !important;
        margin-left: 50px;
        margin-right: -30px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -50px;
    }
    .navbar-nav>li>a {
        font-size: 14px;
    }
    .img-ma {
        margin-left: -100px;
        margin-right: 36px;
        width: 249px;
        height: 294px;
    }
    .img-thi {
        margin-left: -100px;
        margin-right: 0px;
        width: 561px;
        height: 440px;
    }
    .intro-mathi-section {
        margin-left: 20px;
        margin-top: -21px;
        text-align: center;
    }
    .img-mathi-full {
        width: 810px;
        height: 530px;
    }
    .img-txt {
        float: right;
        color: #000;
        width: 66%;
        text-align: justify;
        padding-right: 244px;
        padding-left: 0px;
        font-weight: bold;
        font-size: 14px;
        margin-top: -69px;
    }
    .fleft1 img {
        width: 24%;
    }
    h1.muthal-head:before {
        top: 93%;
    }
    .sidenav1 a {
        font-size: 14px;
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 234px;
        height: 160px;
        cursor: pointer;
        border-radius: 5px;
    }
    .slides {
        position: absolute;
        top: 266px;
        left: 683px;
        z-index: 1;
    }
    .slides1 {
        position: absolute;
        top: 223px;
        left: 482px;
        z-index: 1;
    }
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 106px;
        height: 200px;
        cursor: pointer;
        border-radius: 10px;
    }
    .mathi-section {
        /* height: 95% !important; */

    }
    @keyframes round {
        25% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
    }
    img:nth-child(1) {
        animation-delay: 12s;
    }
    img:nth-child(2) {
        animation-delay: 8s;
    }
    img:nth-child(3) {
        animation-delay: 4s;
    }
    img:nth-child(4) {
        animation-delay: 0s;
    }
    .kalaam-st {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        width: 50%;
        padding-bottom: 20px;
    }
    .arimugam-st {
        width: 80%;
        margin: 0 auto;
        font-size: 12px;
    }
    .arimugam-head {
        padding-top: 0px;
        font-size: 20px;
    }
    .img-ant {
        width: 40%;
    }
    .echari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .echari-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .mathiyaar-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .mathiyaar-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .alamari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .alamari-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .cartoon-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .cartoon-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .palsuvai-st {
        width: 55%;
        margin: 0 auto;
        font-size: 12px;
    }
    .palsuvai-head {
        padding-top: 20px;
        font-size: 20px;
    }
    .pugaipadam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .pugaipadam-head {
        padding-top: 20px;
        font-size: 20px;
    }
    fieldset {
        font-size: 12px;
        border: 2px solid #e0dfdf;
        padding: 1em;
        border-radius: 0.5em;
        margin-bottom: 50px;
    }
    .mathi-section {
        padding-bottom: 0px;
        height: 150%;
    }
    .soc-st {
        font-size: 32px;
    }
    .media-carousel .carousel-control.left {
        margin-top: 270px !important;
    }
    /* Next button  */
    .media-carousel .carousel-control.right {
        margin-top: 270px !important;
    }
    .sidenav a {
        /*padding: 0px 10px 0px 10px !important;*/
    }
    .align-st {
        font-size: 12px;
    }
    .sidenav {
        height: 100% !important;
    }
    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        background: #000;
        border-radius: 50%;
        margin: 27px auto 5px auto;
        z-index: 1000;
    }
    /*progressbar connectors*/
    #progressbar li:after {
        top: 30px;
        z-index: 0;
        width: 96%;
        left: -48%;
    }
    .palsuvai-section img {
        height: 175px;
    }
    input[type="text"]:focus {
        width: 1090px;
    }
    .vala-st {
        animation: fade-up 4s cubic-bezier(.05, .98, .17, .97) forwards;
        cursor: pointer;
        width: 60% !important;
    }
    h1.mathi-head:before {
        top: 85.5%;
    }
    .media-carousel {
        width: 90% !important;
    }
    .puththagam-section h3 {
        font-size: 16px;
    }
    .book-scroll {
        width: 85%;
        padding: 10px;
    }
    input[type="text"] {
        margin-right: -5px;
        height: 50px;
        font-size: 45px;
    }
    h1.mathi-head label {
        font-size: 26px;
    }
}

@media (min-width:1367px) and (max-width:1599px) {
    #wrap {
        margin-right: -40px;
    }
    .fleft1 img {
        width: 25%;
    }
    h1.muthal-head:before {
        top: 83%;
    }
    .container {
        width: 1360px;
    }
    .valarntha-section img {
        width: 100%;
    }
    .nav>li>a {
        padding: 16px 16px !important;
    }
    .bar_st {
        padding-top: 10px !important;
        margin-left: 50px;
        margin-right: -30px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -50px;
    }
    .navbar-nav>li>a, .sidenav1 a {
        font-size: 14px;
    }
    .img-ma {
        margin-left: -100px;
        margin-right: 36px;
        width: 249px;
        height: 294px;
    }
    .img-thi {
        margin-left: -100px;
        margin-right: 0px;
        width: 561px;
        height: 441px;
    }
    .intro-mathi-section {
        margin-left: -200px;
        margin-top: 10px;
    }
    .img-mathi-full {
        width: 933px;
        height: 720px;
    }
    .img-txt {
        float: right;
        color: #000;
        width: 60%;
        text-align: justify;
        padding-right: 40px;
        padding-left: 0px;
        font-weight: bold;
    }
    .fleft {
        margin-top: 165px;
    }
    .h1, h1 {
        font-size: 25px;
    }
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 120px;
        height: 276px;
        cursor: pointer;
        border-radius: 10px;
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 300px;
        height: 190px;
        cursor: pointer;
        border-radius: 5px;
    }
    .slides {
        position: absolute;
        top: 386px;
        left: 757px;
        z-index: 1;
    }
    .slides1 {
        position: absolute;
        top: 312px;
        left: 548px;
        z-index: 1;
    }
    .mathi-section {
        padding-bottom: 0px;
        /* height: 100% !important; */
    }
    @keyframes round {
        25% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
    }
    img:nth-child(1) {
        animation-delay: 12s;
    }
    img:nth-child(2) {
        animation-delay: 8s;
    }
    img:nth-child(3) {
        animation-delay: 4s;
    }
    img:nth-child(4) {
        animation-delay: 0s;
    }
    .kalaam-st {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        width: 50%;
        padding-bottom: 20px;
    }
    .arimugam-st {
        width: 80%;
        margin: 0 auto;
        font-size: 12px;
    }
    .arimugam-head {
        padding-top: 0px;
        font-size: 18px;
    }
    .img-ant {
        width: 40%;
    }
    .echari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .echari-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .mathiyaar-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .mathiyaar-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .alamari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .alamari-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .cartoon-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .cartoon-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .palsuvai-st {
        width: 51%;
        margin: 0 auto;
        font-size: 12px;
    }
    .palsuvai-head {
        padding-top: 20px;
        font-size: 18px;
    }
    .pugaipadam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 12px;
    }
    .pugaipadam-head {
        padding-top: 20px;
        font-size: 18px;
    }
    fieldset {
        font-size: 12px;
        border: 2px solid #e0dfdf;
        padding: 1em;
        border-radius: 0.5em;
        margin-bottom: 50px;
    }
    .mathi-section {
        padding-bottom: 0px;
        height: 150%;
    }
    .soc-st {
        font-size: 32px;
    }
    .media-carousel .carousel-control.left {
        margin-top: 270px !important;
    }
    /* Next button  */
    .media-carousel .carousel-control.right {
        margin-top: 270px !important;
    }
    .sidenav a {
        /*padding: 2px 18px 2px 18px !important;*/
    }
    .align-st {
        font-size: 12px;
    }
    .sidenav {
        height: 100% !important;
    }
    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        background: #000;
        border-radius: 50%;
        margin: 27px auto 5px auto;
        z-index: 1000;
    }
    /*progressbar connectors*/
    #progressbar li:after {
        top: 30px;
        z-index: 0;
        width: 96%;
        left: -48%;
    }
    .palsuvai-section img {
        height: 175px;
    }
    input[type="text"]:focus {
        width: 1090px;
    }
    .vala-st {
        animation: fade-up 4s cubic-bezier(.05, .98, .17, .97) forwards;
        cursor: pointer;
        width: 60% !important;
    }
    h1.mathi-head:before {
        top: 68%;
    }
    .media-carousel {
        width: 60% !important;
    }
    .puththagam-section h3 {
        font-size: 16px;
    }
    .book-scroll {
        width: 85%;
        padding: 10px;
    }
    input[type="text"] {
        margin-right: -5px;
        height: 50px;
        font-size: 45px;
    }
    h1.mathi-head label {
        font-size: 26px;
    }
}







/* adjustment for MAtHi Center text */







@media(max-width:1800px) {
    /* .photo1 {
        width: 155px !important;
        height: 280px !important;
    }
    .slides1 {
        top: 300px !important;
        left: 535px !important;
    }
    .slides {
        top: 360px !important;
        left: 824px !important;
    }
    .photo {
        width: 360px !important;
        height: 225px !important;
    } */
    .container {
        width: 100%;
        
    }
}
@media(max-width:1440px) {
    .photo1 {
        width: 98px !important;
        height: 215px !important;
    }
    .slides1 {
        top: 231px !important;
        left: 582px !important;
    }
    .slides {
        top: 270px !important;
        left: 784px !important;
    }
    .photo {
        width: 240px !important;
        height: 170px !important;
    }
    .intro-mathi-section {
        margin-left: 100px;
        margin-top: -50px;
        text-align: center;
    }
    .img-mathi-full {
        width: 800px;
        height: 620px;
    }
    .img-txt {
       
        width: 45%;
        text-align: justify;
        padding-right: 40px;
        padding-left: 0px;
        margin-top: -80px;
        margin-right: 260px;

       
    }
}



@media(min-width:1330px) and (max-width:1366px){


    .intro-mathi-section {
        /* display: none !important; */
        /* margin-left: 0px;
        margin-top: 10px; */
        margin-left: 0px !important;
    margin-top: -11px;
  
    }
    .img-mathi-full {
        width: 636px !important;
        height: 438px !important;
        margin-left: 460px !important;
        margin-top: 0px;
    }
    .img-txt {
   
     
    color: #000;
    width: 40% !important;
    text-align: justify;

  
    /* margin: -78px 181px;
    margin-top: -60px !important; */
    margin: -30px 0px !important;
    margin-top: -60px !important;
    

   
    }
 
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 90px !important; 
        height: 170px !important;
   
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 200px !important;
        height: 130px !important;
        cursor: pointer;
        border-radius: 5px;
    }
    .slides {
        position: absolute;
        top: 235px !important;
        left: 880px !important; 
       
    }
    .slides1 {
        position: absolute;
        top: 200px !important;
        left: 726px !important;
        
    }

}


@media (max-width:1281px)  {
  
 
    .intro-mathi-section {
        margin-left: 0px;
        margin-top: -21px;
        text-align: center;
    }
    .img-mathi-full {
        width: 810px ;
        height: 530px;
        margin-left: 260px;
    }
    .img-txt {
        /* float: right;
        color: #000;
        width: 66%;
        text-align: justify;
        padding-right: 244px;
        padding-left: 0px;
        font-weight: bold;
        font-size: 14px;
        margin: -67px 69px; */
        float: right;
    color: #000;
    width: 44%;
    text-align: justify;
    padding-right: 56px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 14px;
    margin: -82px -8px;
    }

    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 234px;
        height: 160px !important;
        cursor: pointer;
        border-radius: 5px;
    }
    .slides {
        position: absolute;
        top: 266px !important;
        left: 683px !important;
        z-index: 1;
    }
    .slides1 {
        position: absolute;
        top: 223px !important;
        left: 482px !important;
        z-index: 1;
    }
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 106px;
        height: 200px !important;
        cursor: pointer;
        border-radius: 10px;
    }
}


@media(max-width:1024px) {

    .intro-mathi-section {
        
        
        margin-left: 0px;
        margin-top: -34px;
        text-align: center;
    }
    .img-mathi-full {
        width: 799px !important;
        height: 354px !important;
        margin-left: 190px;
    }
    .slides1 {
        position: absolute;
        top: 162px !important;
        left: 394px !important;
        z-index: 1;
    }
 
    .slides {
        position: absolute;
        top: 188px !important;
        left: 571px !important;
        z-index: 1;
    }
 

  


    .photo {
        width: 240px !important ;
        height: 105px !important;
    }
    .photo1 {
        width:90px !important;
        height: 126px !important;
    }
    .img-txt {
        
        float: right ;
        color: #000;
        width: 50% !important;
        text-align: justify;
        padding-right: 0px !important;
        padding-left: 0px;
        font-weight: bold;
        font-size: 12px;
        margin: 0px 109px !important;
        margin-top: -20px !important;
      
        /* width: 50% !important;
  
        */
        
        
    }
  
}


@media(max-width:768px) {
    .photo1 {
        width: 90px !important;
        height: 130px !important;
    }
    .slides1 {
        top: 150px !important;
        left: 145px !important;
    }
    .slides {
        top: 170px !important;
        left: 355px !important;
    }
    .photo {
        width: 195px !important;
        height: 110px !important;
    }
    .intro-mathi-section {
        margin-left: -63px;
    }
    .img-mathi-full {
     width: 80%;
     height: 338px !important;
     margin-left: 0px;
    }
    .img-txt {
    

        width: 70% !important;
        text-align: justify;
        font-size: 14px !important;
        margin: 3px 46px !important
        
        
      
    }
  
 
}

@media(max-width:640px) {
    .photo {
        width: 110px !important;
        height: 110px !important;
    }
    .slides {
        position: absolute;
        left: 311px !important;
        top: 172px !important;
        z-index: 1;
    }
    .slides1 {
        top: 152px !important;
        left: 156px !important;
    }
    .photo1 {
        width: 54px !important;
        height: 128px !important;
       
    }
    .img-txt {
    
 
        /* width: 50% !important;
      margin: 0px 100px !important; */
      width: 90% !important;
      margin: 0px 20px !important;
      
    }
    .intro-mathi-section {
        margin-left: 0px;
    }
    .img-mathi-full {
     width: 100% !important;
    }
}

@media(max-width:568px) {
    .photo1 {
        width: 55px !important;
        height: 130px !important;
        border-radius: 5px !important;
    }
   
    .slides {
        top: 150px !important;
        left: 250px !important;
    }
    .slides1 {
        top: 128px !important;
        left:100px !important;
    }
    .photo {
        width: 130px !important;
        height: 110px !important;
    }
    .img-txt {
    
 
        width: 90% !important;
      margin: 0px 20px !important;
      
       
      
    }
    @media(max-width:360px) {
        .photo1 {
            width: 45px !important;
            height: 130px !important;
            border-radius: 5px !important;
        }
       
        .slides {
            top: 174px !important;
            left: 165px !important;
        }
        .slides1 {
            top: 148px !important;
            left: 86px !important;
        }
        .photo {
            width: 95px !important;
            height: 105px !important;
        }
        .img-txt {
        
     
            width: 90% !important;
          margin: 0px 20px !important;
          
           
          
        }

     
    }
   
}


@media (min-width:1600px) and (max-width:1980px) {
    .container {
        width: 1850px;
    }
    #wrap {
        margin-right: 0px;
    }
    .img-ant {
        width: auto;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -50px;
    }
    .kalaam-st {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        padding-bottom: 40px;
        width: auto;
    }
    .navbar-nav>li>a {
        font-size: 20px;
    }
    .arimugam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .arimugam-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .echari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 16px;
    }
    .echari-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .mathiyaar-st {
        width: 75%;
        margin: 0 auto;
        font-size: 16px;
    }
    .mathiyaar-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .alamari-st {
        width: 75%;
        margin: 0 auto;
        font-size: 16px;
    }
    .alamari-head {
        padding-top: 20px;
        font-size: 16px;
        transform: scale(1, 1.1);
    }
    .cartoon-st {
        width: 50%;
        margin: 0 auto;
        font-size: 16px;
    }
    .cartoon-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .palsuvai-st {
        width: 50%;
        margin: 0 auto;
        font-size: 14px;
    }
    .palsuvai-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .pugaipadam-st {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
    }
    .pugaipadam-head {
        padding-top: 20px;
        font-size: 18px;
        transform: scale(1, 1.1);
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 16px 20px;
    }
    .bar_st {
        padding-top: 10px !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    #content {
        position: absolute;
        height: 50px;
        width: 300px;
        margin-left: 170px;
        top: 158%;
        left: 48% !important;
        transform: translate(-50%, -50%);
    }
    .img-thi {
        margin-left: -100px;
        margin-right: 50px;
        width: 811px;
        height: 691px;
    }
    .img-ma {
        width: 340px;
        height: 420px;
    }
    .intro-mathi-section {
        /* margin-left: -180px; */
        /* margin-left: -154px; */
        margin-left: -153px !important;
    }
    
    .img-mathi-full {
        width: 1200px;
        height: 720px;
    }
    .img-txt {
        /* float: right;
        color: #000;
        width: 45%;
        text-align: justify;
        padding-right: 120px;
        padding-left: 0px;
        font-weight: bold; */
        float: right;
        color: #000;
        width: 31%;
        text-align: justify;
        padding-right: 120px;
        padding-left: 0px;
        font-weight: bold;
        margin: -72px -33px;
    
    }
    .photo {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 350px;
        height: 220px;
        /*border-radius:55px 16px 81px 67px;*/
        cursor: pointer;
    }
    .slides {
        position: absolute;
        top: 360px;
        left: 1189px;
        z-index: 1;
    }
    .slides1 {
        position: absolute;
        top: 300px;
        /* left: 869px; */
        left: 900px;
        z-index: 1;
    }
    .photo1 {
        /*position: absolute;*/
        animation: round 16s infinite;
        /*opacity: 0;*/
        width: 159px;
        height: 275px;
        /*border-radius:41px 41px 41px 15px;*/
        cursor: pointer;
    }
    @keyframes round {
        25% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
    }
    img:nth-child(1) {
        animation-delay: 12s;
    }
    img:nth-child(2) {
        animation-delay: 8s;
    }
    img:nth-child(3) {
        animation-delay: 4s;
    }
    img:nth-child(4) {
        animation-delay: 0s;
    }
}


@media(width:1680px) {
    .photo1 {
        
        width: 155px !important;
        height: 280px !important;
    }
    .slides1 {
        top: 300px !important;
        left: 535px !important;
    }
    .slides {
        top: 360px !important;
        left: 824px !important;
    }
    .photo {
        width: 360px !important;
        height: 225px !important;
    }
}

@media (max-width:320px){
    img{
        width: 100% !important;
    }
}
.align-st h3 {
    text-align: left;
    line-height: 1.5em;
    color: #c95629;
    font-weight: bold;
}

/* ads box */

.imgDiv {
    position: absolute;
    top: 10%;
}

#img {
    padding: 2px;
    width: 100%;
}

.sidenavvv {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 0;
    top: 8%;
    right: 0;
    background-color: rgba(186, 189, 189, 0.384);
    overflow-x: hidden;
    padding-top: 20px;
}

.know_more {

    border: 2px solid #c95629;
    width: 80%;
    margin-left: 10%;
}

/* .addnewStyle{
margin-left: 2px;
} */

.close_button {
    color: black;
   
    text-align: right;
    margin-left: 80%;
    margin-top: 12%;
    font-weight: bolder;
}

/* @media(width:1680px){

    .addnewStyle{
        margin-left: 1%;
        }
    
} */

@media (width:1024px) and (max-height:770px) {
    .sidenavvv {
        background-color: rgba(0, 0, 0, 0.164);
        width: 185px;
    }
    .addnewStyle {
        margin-left: 2%;
    }
}

/* .rowFresh {
    display: flex;
  }
  
  .columnFresh1 {
    float: left;
    width: 90%;
  }
  .columnFresh2 {
    float: left;
    width: 10%;
  }  */


  .newsetimage{

    width: 100% !important;
  }