/* ------------ Header Styles -------------*/
body {
    font-family: 'Raleway', sans-serif;
/*font-family: poppins !important;*/
    color: #444;
}

button {
    font-family: 'Raleway', sans-serif;
}

#regForm
  {
    display:white;

  }


.footer-area {
    padding-top: 27px;
    padding-bottom: 24px;
    background-color: #d8444c;
}

.nav-container {
    text-align: center;
    margin-top: 10px;
}

nav {
    display: inline-block;
    margin: 0 auto;
}

.footer-links {
    margin: 0 10px;
    text-decoration: none;
}
.copyrights {
       color: #fff; margin: 0 0 0 100px;
    }

.icons-so{
    float: right;
    margin: -37px 195px 0 0;
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
/*        -webkit-flex: 0 0 33.333333%;*/
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 25.333333%;
    }
}

@media (max-width: 768px) {
    .footer-links {
        display: block;
        margin: 10px 0;
    }
}

@media (max-width: 768px) {
    .copyright-text {
        font-size: 14px;
        margin-top: -30px;
    }
}

@media (max-width: 768px) {
    .copyrights {
       color: #fff; margin: 0 0 0 0;
       text-align: center;
    }
}

@media (max-width: 768px) {
        .sicons {
        margin: 0 0 0 0;
    }
}

@media (max-width: 768px) {
        .icons-so {
        float: right;
        margin: -5px 112px 0 0;
    }
}

@media (max-width: 768px) {
        .footer-area {
    padding-top: 5px;
    padding-bottom: 34px;
    background-color: #d8444c;
}
}


.cr-btn {
    background: #f26722;
    border: none !important;
    text-transform: uppercase;
    border: none;
    outline: none !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4) !important;
    font: 700 1.125rem 'Raleway', sans-serif;
    cursor: pointer;
    color: #fff;
    padding: .5rem 1.2rem;
}

.cr-btn:hover, .cr-btn:focus, .cr-btn:active {
    background: #df4f08;
    color: #fff !important;
}

.nav-links, .lt-content, .nav-links ul, .lt-content li, .nav-links li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

#siteFooter {
    background: #d8444c;
    color: #fff;
    text-align: center;
}

.social-icons a {
    font-size: 24px;
}

.social-icons a:hover {
    color: yellow; 
}


#siteFooter {
        position: relative;
        z-index: 1;
    }

    .policy{
        margin: 0 0 0 150px;
    }
    .sicons{
        margin: 0 0 0 220px;
    }

    .social-icons a {
        transition: color 0.3s;
    }

    .social-icons a:hover {
        color: #ccc; /* Change this color as needed */
    }

    /*@media (max-width: 575px
    ) {
        .social-icons {
            text-align: center; 
            margin-top: -6px;
        }
        .policy{
        margin: 0 0 0 -7px;
    }
    .sicons{
        margin: -15px 0 0 -8px;
    }
    }*/



@media (max-width: 575px) {

   #home .otc-container{
    background: url(../assets/img/bg-img/bg-1.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    padding: 130px 0 0;
    color: #fff;
    }

    #home .otc-containers{
        background: url(../assets/img/bg-img/bg-2.png) center center no-repeat;
        background-size: cover;
        margin-bottom: 1rem;
        padding: 130px 0 0;
        color: #fff;
    }

    #home .otc-containerss{
        background: url(../assets/img/bg-img/bg-3.png) center center no-repeat;
        background-size: cover;
        margin-bottom: 1rem;
        padding: 130px 0 0;
        color: #fff;
    }

    #home .otc-containersss{
        background: url(../assets/img/bg-img/bg-4.png) center center no-repeat;
        background-size: cover;
        margin-bottom: 1rem;
        padding: 130px 0 0;
        color: #fff;
    }
    #home .ft-content {
    margin: -58px 0px 40px -2px;
    text-align: center;

}

}

.otc-container{
    background: url(../assets/img/bg-img/1.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    padding: 130px 0 0;
    color: #fff;
}

.otc-containers{
    background: url(../assets/img/bg-img/2.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    padding: 130px 0 0;
    color: #fff;
}

.otc-containerss{
    background: url(../assets/img/bg-img/3.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    padding: 130px 0 0;
    color: #fff;
}

.otc-containersss{
    background: url(../assets/img/bg-img/4.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    padding: 130px 0 0;
    color: #fff;
}

.ft-img {
    text-align: right;
}

.ft-content {
    margin: -15px 0px 70px 125px;

}

.ft-img img {
    max-width: 80%;
    margin: 0 5% 0 15%;
}

.ft-logo {
    width: 23%;
    margin-bottom: -5px
}

.ft-content-btn {
    width: 35%;
    margin-top: 1.5rem;
}

.play {
    width: 32%;
    margin-left: 5em
}

.ft-content h2 {
    margin: 2rem 0 1rem;
}

.abcdforkids-container h2 {
    color: #30210e;
    text-decoration: underline;
    margin: 1rem 0;
}

.hindiforkids-container h2 {
    color: #30210e;
    text-decoration: underline;
    margin: 1rem 0;
}

.mazhalaitamil-container h2 {
    color: #30210e;
    margin: 1rem 0;
}

.abcdforkids-container h2 {
    font-size: 2.2rem;
    font-weight: 700;
}

.hindiforkids-container h2 {
    font-size: 2.2rem;
    font-weight: 700;
}

.mazhalaitamil-container h2 {
    font-size: 2rem;
    font-weight: 700;
}

.mazhalaitamil-container .ft-slogan {
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: -0.1rem;
}

.abcdforkids-container .ft-slogan {
    font-weight: 700;
    font-size: 1rem;
}

.hindiforkids-container .ft-slogan {
    font-weight: 700;
    font-size: 1rem;
}

.mazhalaitamil-container .ft-logo, .abcdforkids-container .ft-logo,.hindiforkids-container .ft-logo {
    width: 19%;
}

.dm-container {
    color: #000
}

.slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3) inset;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li.slick-active button {
    background: #f26722;
    border: 2px solid #f26722 !important;
    box-shadow: none;
}

.ct-title {
    text-align: center;
    padding: 3.5rem 0 1rem;
    text-transform: uppercase;
}

.ct-title {
    color: #444444;
}

.ct-title strong {
    color: #010101;
}

.ct-title h2 {
    display: inline-block;
    position: relative;
    letter-spacing: 0.15rem;
    font-size: 2.5rem;
    line-height: 1.4;
}

.ct-title h2:after {
    content: "";
    display: block;
    width: 70%;
    max-width: 15rem;
    height: 0.3rem;
    border-bottom: 2px solid #d74048;
    margin: 0 auto;
}

.about-text {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.06rem;
}

.cr-pt-img-wrapper {
    text-align: center;
}

.cr-pt-img-wrapper img {
    width: 10rem;
    margin: 4rem 0 1rem;
}

.cr-pt-links {
    display: inline-block;
    color: #444 !important;
    text-decoration: underline;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

#team {
    background: #4e8fcc;
    margin: 3rem 0 0;
    padding: 3rem 1rem;
}

#team .ct-title {
    padding-top: 0;
    color: #fff;
}

#team .ct-title h2:after {
    border-color: #fff;
}

#team .ct-title strong {
    color: #fff;
}

.cr-team-content {
    padding: 2.5rem 5rem 0;
}

.cr-team-content figure {
    text-align: center;
    display: block;
    padding-bottom: 1rem;
}

.cr-team-content figure img {
    display: inline-block !important;
}

.cr-team-content .figure-caption {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 1.5625rem;
}

.cr-team-content .figure-caption b {
    font-size: 1rem;
    font-weight: 400;
    display: block;
    color: #000;
}

.slick-slide img {
    display: inline-block;
}

.slick-prev, .slick-next {
    background: none;
    border: none;
    cursor: pointer;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    font-size: 0;
    padding: 0;
    opacity: 1;
}

.slick-prev:focus, .slick-next:focus {
    outline: none;
}

.slick-disabled {
    opacity: 0;
    cursor: inherit;
}

.slick-prev {
    left: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.slick-next {
    right: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#crGetInTuch {
    background: #d74048;
    color: #fff;
    font-size: 2.25rem;
    text-align: center;
    height: 158px;
    padding: 0.5rem 1rem 3rem;
}

#crGetInTuch p {
    margin: 0;
}

#crGetInTuch small strong {
    color: #FADFA1;
    font-weight: 600;
}

#crGetInTuch h3 {
    display: inline-block;
    position: relative;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 1rem;
}

#crGetInTuch h3:after {
    content: "";
    display: block;
    width: 70%;
    max-width: 15rem;
    height: 0.6rem;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}

#crGetInTuch h3 strong {
    color: #fff;
}

#crContactUs {
    padding: 3.5rem 1rem 3rem;
}

#careers {
    padding-bottom: 1rem;
}

#careers .text-muted {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    color: #444 !important
}

#careers .text-muted a {
    color: #444 !important;
    text-decoration: underline;
}

.ct-careers-content {
    margin: 2rem auto 1rem;
    padding: 0 5rem 3rem;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000;
}

.ct-careers-details {
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0, 0.2);
    padding: 1rem;
    width: 85%;
    margin: 0.5rem auto 1.5rem;
}

.ct-careers-content h4 {
    font-weight: 700;
    padding: .5rem 0 .5rem 8%;
}

.ct-careers-content ul {
    letter-spacing: 0.04rem;
    font-family: 'Quicksand', sans-serif;
    line-height: 1.5;
    list-style: none;
    padding: 0 0 0 1rem;
    margin: 0;
}

.ct-careers-content ul li {
    padding: 0 0 1rem 1rem;
    margin: 0;
}

.ct-careers-content ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #4e8fcc;
    margin: 10px 0 0 -20px;
}

.ct-careers-content .slick-prev {
    left: 0%;
    border-color: #6f6f6f;
}

.ct-careers-content .slick-next {
    right: 0%;
    border-color: #6f6f6f;
}

#contactMap {
    width: 100%;
    height: 15rem;
    border: 0;
    margin: 0 0 1.2rem;
}

.cr-address {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
}

.cr-address strong {
    font-size: 1.875rem;
    font-weight: 700;
/*    color: #4e8fcc;*/
    color: #d8444c;
    text-transform: uppercase;
}

.cr-forms {
    margin-bottom: 2.5rem;
}

.cr-forms label, .cr-form-info {
/*    color: #4e8fcc;*/
    color: #d8444c;

    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .3rem
}

.cr-forms .required {
    color: #f26722 !important;
}

.cr-forms .form-control {
    border-width: 2px;
    border-color: #d6d6d6;
}

.cr-forms .btn-success {
/*    background: #f26722;*/
background: #d8444c;
    border: none !important;
    text-transform: uppercase;
    font: 700 1.125rem 'Raleway', sans-serif;
    cursor: pointer;
    border-radius: .15rem;
    padding: .6rem 1.5rem;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.cr-forms .btn-success:hover, .cr-forms .btn-success:focus {
    background: #d8444c;
}

.cr-form-info {
    text-align: right;
}

.ft-abcd-wrapper {
    background: #fff8ef;
}

.ft-abcd-content .container {
    background: url(../images/ft_abcd_top.jpg) center top no-repeat;
    background-size: 100%;
    text-align: center;
}

.ft-abcd-content .container > .row {
    background: url(../images/ft_abcd_bottom.png) center bottom no-repeat;
    background-size: 100%;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.ft-abcd-footer {
    background: #635a3b;
    padding: 1rem;
}

.ft-abcd-title {
    text-align: center;
    text-transform: uppercase;
    color: #444444;
    padding: 3.5rem 0 3rem;
}

.ft-abcd-title h1 {
    display: inline-block;
    position: relative;
    letter-spacing: 0.02rem;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 500;
}

.ft-abcd-title strong {
    color: #010101;
    font-weight: 700;
}

.ft-abcd-title h1:after {
    content: "";
    display: block;
    width: 70%;
    max-width: 18rem;
    height: 0.3rem;
    border-bottom: 2px solid #fecc0b;
    margin: 0 auto;
}

.ft-abcd-img {
    margin: 1.5rem 0;
    width: 60%;
}

.ft-abcd-img.round {
    border: 2px solid #161616;
    border-radius: 3;
}

.ft-abcd-content .figure-caption {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}

.ft-abcd-content .img-fluid {
    width: 80%;
}

.ft-abcd-content .figure {
    padding-bottom: 2.5rem;
}

.ft-abcd-reviews {
    background: #635a3b;
    padding: 2rem 0;
    font-family: 'Quicksand', sans-serif;
}

.ft-abcd-subtitle {
    text-align: center;
    text-transform: uppercase;
    color: #fff8ef;
}

.ft-abcd-subtitle h2 {
    display: inline-block;
    position: relative;
    letter-spacing: 0.02rem;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 400;
}

.ft-abcd-subtitle strong {
    font-weight: 700;
}

.ft-abcd-subtitle h2:after {
    content: "";
    display: block;
    width: 70%;
    max-width: 18rem;
    height: 0.3rem;
    border-bottom: 2px solid #fecc0b;
    margin: 0 auto;
}

.ft-reviews-content {
    margin: 2rem auto 1rem;
    width: 100%;
    padding: 0 1.5rem;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000;
}

.ft-reviews-details {
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0, 0.2);
    padding: 1.5rem 1rem;
    width: 95%;
    margin: 0.5rem auto;
}

.ft-reviews-content .slick-prev {
    left: 0%;
    border-color: #fff;
}

.ft-reviews-content .slick-next {
    right: 0%;
    border-color: #fff;
}

.reviews-img {
    text-align: center;
}

.reviews-img img {
    width: 100%;
    max-width: 6rem;
    border-radius: 10rem;
    display: inline !important;
}

.reviews-body h4 {
    font-weight: 500;
    text-align: center;
}

.ft-om-wrapper {
    padding: 2rem 0 0;
}

.ft-om-header {
    text-align: center;
}

.om_tamil_head {
    padding: 6rem 5% 12rem;
    position: relative;
    color: #1b1b1b;
    font: 400 1.125rem 'Quicksand', sans-serif;
    letter-spacing: 0.05rem;
}

.om_tamil_head strong {
    display: block;
    font: 700 1.5625rem 'Raleway', sans-serif;
    padding-bottom: 0.5rem;
    letter-spacing: 0;
}

.om_tamil_head::before, .om_tamil_head::after {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    top: 0;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    background: url(../images/om_tamil_calendar_icons.png) center top no-repeat;
}

.om_tamil_head::after {
    top: auto;
    bottom: 0;
    height: 0;
}

.ft-om-tamplates .om_tamil_head::before {
    background-position: center top;
}

.ft-om-calendar .om_tamil_head::before {
    background-position: center -92px;
    height: 55px;
    top: 28px;
}

.ft-om-astrology .om_tamil_head::before {
    background-position: center -156px;
    height: 61px;
    top: 24px;
}

.ft-om-tamplates .om_tamil_head::after {
    height: 170px;
    width: 116px;
    margin-left: -58px;
    bottom: 0;
    background-position: center -232px;
}

.ft-om-calendar .om_tamil_head::after {
    height: 170px;
    width: 116px;
    margin-left: -58px;
    bottom: 0;
    background-position: center -413px;
}

.ft-om-astrology .om_tamil_head::after {
    height: 170px;
    width: 116px;
    margin-left: -58px;
    bottom: 0;
    background-position: center -586px;
}

.ft-om-header .ct-title h2, .ft-om-moreproducts .ct-title h2 {
    font-size: 1.5rem;
}

.om_tamil_img img {
    max-width: 80%;
    max-height: 25rem;
}

.oti_left {
}

.oti_right {
}

.ft-om-list {
    margin: 0 auto 2rem;
    width: 85%;
    padding: 0;
    list-style: none;
    text-align: left;
}

.ft-om-list li {
    margin: 0;
    padding: 0.6rem 0 1.5rem 17%;
    background: url(../images/tick.jpg) 0 10px no-repeat;
    background-size: 30px;
    font-size: 1rem;
    font-weight: 500;
    color: #2a2828;
}

.ft-om-reviews {
    background: #d0e8ff;
    padding: 2rem 0;
    font-family: 'Quicksand', sans-serif;
}

.ft-om-reviews .ft-abcd-subtitle {
    color: #444;
}

.ft-om-reviews .slick-prev {
    left: 0%;
    border-color: #6f6f6f;
}

.ft-om-reviews .slick-next {
    right: 0%;
    border-color: #6f6f6f;
}

.ft-om-moreproducts {
    padding-bottom: 2.5rem;
}

.ft-om-moreproducts .cr-pt-links {
    font-size: 1rem;
}

header .navbar-brand img {
   width: 100px;
    height: 67px;
    /*max-width: 80px;
    border-radius: 20px;
    box-shadow: -2px 5px 180px #000;*/

}

/* Extra small devices (portrait phones, more than 576px) */
@media (min-width: 576px) {
 
    .ft-abcd-content .container > .row {
        padding-top: 5.5rem;
        padding-bottom: 3rem;
    }

    .reviews-body h4 {
        text-align: left;
    }

    .ft-reviews-details {
        width: 90%;
    }

    .ft-reviews-content {
        padding: 0 2rem;
    }

    #home {
        padding: 0 !important;
    }

    .mazhalaitamil-container h2 {
        color: #30210e;
        margin: 1rem 0;
    }

    .abcdforkids-container h2 {
        font-size: 2.2rem;
        font-weight: 700;
    }

    .hindiforkids-container h2 {
        font-size: 2.2rem;
        font-weight: 700;
    }

    .mazhalaitamil-container h2 {
        font-size: 2rem;
        font-weight: 700;
    }

    .mazhalaitamil-container .ft-slogan {
        font-size: 1rem;
    }

    .abcdforkids-container .ft-slogan {
        font-size: 1.3rem;
    }

    .hindiforkids-container .ft-slogan {
        font-size: 1.3rem;
    }

    #contactMap {
        height: 24rem;
    }
}

/* Medium devices (tablets, more than 768px) */
@media (min-width: 768px) {
    .ft-abcd-title h1, .ft-om-header .ct-title h2, .ft-om-moreproducts .ct-title h2 {
        font-size: 1.8rem;
    }

    .ft-abcd-content .figure-caption {
        font-size: 1.3rem;
    }

    .ft-abcd-img {
        width: 40%;
    }

    .mazhalaitamil-container .ft-logo, .abcdforkids-container .ft-logo,.hindiforkids-container .ft-logo {
        width: 21%;
        margin-top: 2rem;
    }

    .ft-om-list li {
        padding: 0.75rem 0 1.5rem 14%;
        background-size: 40px;
        font-size: 1.2rem;
        font-weight: 500;
        color: #2a2828;
    }

    .ft-om-moreproducts .cr-pt-links {
        font-size: 1.2rem;
    }

    .om_tamil_head {
        min-height: 27rem;
    }

    .oti_left {
        text-align: right;
    }

    .oti_right {
        text-align: left;
    }

    .om_tamil_img img {
        max-width: 100%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    #siteHeader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        background: #fff;
        box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    }

    #siteHeader + section, #siteHeader + main {
        padding-top: 4.8125rem;
    }

    header .navbar {
        padding: 1rem 0;
    }

    header .navbar-brand {
        padding: 0;
    }

    header .navbar-brand img {
        width: 7.5rem;
    }

    header .container {
        width: 100% !important;
    }

    header .navbar {
        padding-bottom: 0;
    }

    header .navbar-brand {
        margin: 0 0 0.5rem 2rem;
    }

    header .navbar-light .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.9);
/*        background: #212121;*/
        background: #d8444c;
        margin: 0.2rem 1rem 0 0;
        outline: none !important;
    }

    header .navbar-light .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.9);
        outline: none !important;
    }

    header .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

    }

/*	header .navbar-light .navbar-toggler-icon{background-image: url(../images/40x40_download.png)}*/
    header .navbar-light .navbar-nav .nav-link {
        font-weight: bold;
        font-size: 1rem;
        color: #212121;
        letter-spacing: 0.02rem;
/*        background: #4e8fcc;*/
        background: #d8444c;
        color: #fff;
        padding: 0.8rem 1.2rem;
        margin-bottom: 1px;
    }

    header .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 0;
    }

    .ft-slogan {
        font-size: 1.2em;
    }

    .ft-content h2 {
        margin: 1rem 0;
    }

    .ft-content-btn {
        margin-top: 0.5rem;
    }

    .ct-title h2 {
        font-size: 2.2rem;
        letter-spacing: 0.01rem;
    }

    .cr-pt-img-wrapper img {
        width: 7rem;
    }

    .cr-pt-links {
        font-size: 1.8rem;
    }

    .about-text {
        font-size: 1.2rem;
        letter-spacing: 0.02rem;
    }

    #crGetInTuch small {
        display: block;
        margin: 1rem 0;
    }

    #crGetInTuch span {
        display: none;
    }

    .ct-careers-details {
        width: 93%;
    }

    .cr-team-content figure img {
        width: 50%;
    }

    .cr-team-content {
        padding: 2.5rem 1rem 0;
    }

    .ct-careers-content {
        padding: 0 1rem;
    }

    .cr-team-content .figure-caption {
        font-size: 1.2rem;
    }

    .cr-team-content .figure-caption b {
        font-size: .8rem;
    }

    .cr-address {
        font-size: 1.2rem;
    }

    .cr-address strong {
        font-size: 1.5rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #siteHeader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        background: #fff;
    }

    #siteHeader + section, #siteHeader + main {
        padding-top: 6.25rem;
    }

    header .navbar {
        padding: 1rem 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
/*        background-color: #d8444c;*/
    }

    header .navbar-brand {
        padding: 0;
    }

    .affix-top {
        box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    }

    .affix-top .navbar {
        padding: 0.5rem 0;
    }

    header .navbar-brand img {
        width: 9.6875rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .affix-top .navbar-brand img {
        width: 7.5rem;
    }

    header .navbar-light .navbar-nav .nav-link {
        font-weight: bold;
        font-size: 1rem;
        color: #212121;
        letter-spacing: 0.02rem;
        margin-left: 2rem;
        padding: 0.3rem 0;
        border-bottom: 2px solid #fff;
    }

    header .navbar-light .navbar-nav .active {
        border-bottom: 2px solid #d74048;
        color: #212121 !important;
    }

    header .navbar-light .navbar-nav .nav-link:active, header .navbar-light .navbar-nav .nav-link:hover {
        color: #d74048;
    }

    .ft-content h2 {
        font-size: 2.3em;
    }

    .ft-slogan {
        font-size: 1.6em;
    }

    .abcdforkids-container h2 {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .hindiforkids-container h2 {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .mazhalaitamil-container h2 {
        font-size: 2.2rem;
        font-weight: 700;
    }

    .mazhalaitamil-container .ft-slogan {
        font-size: 1.3rem;
    }

    .hindiforkids-container .ft-slogan {
        font-size: 1.5rem;
    }

    .cr-team-content {
        padding: 2.5rem 2rem 0;
    }

    .ct-careers-content {
        padding: 0 2rem 3rem;
    }

    .ft-abcd-title h1, .ft-om-header .ct-title h2, .ft-om-moreproducts .ct-title h2 {
        font-size: 2rem;
    }

    .ft-abcd-content .figure-caption {
        font-size: 1.5rem;
    }

    .ft-abcd-content .container > .row {
        padding-top: 8rem;
        padding-bottom: 7rem;
    }

    .ft-reviews-content {
        margin: 2rem auto 1rem;
        width: 85%;
        padding: 0 2rem;
    }

    .ft-reviews-details {
        padding: 1.5rem 2rem;
        width: 85%;
        margin: 0.5rem auto;
    }

    .ft-abcd-subtitle h2 {
        font-size: 1.8rem;
        padding-top: 1rem;
    }

    .ft-om-list {
        margin: 0 12% 2rem;
    }

    .ft-om-list li {
        padding: 0.75rem 0 1.5rem 10%;
    }

    .ft-om-moreproducts .cr-pt-links {
        font-size: 1.5rem;
    }

    .om_tamil_head {
        min-height: 25rem;
    }

    .om_tamil_img img {
        max-height: 34rem;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header .navbar-light .navbar-nav .nav-link {
        margin-left: 3.2rem;
    }

    .ft-content h2 {
        font-size: 50px;
        margin-top: 100px;
        font-weight: bold;
    }

    .abcdforkids-container h2 {
        font-size: 2.5rem;
    }

    .hindiforkids-container h2 {
        font-size: 2.5rem;
    }

    .mazhalaitamil-container h2 {
        font-size: 2.5rem;
    }

    .ft-slogan {
        font-size: 32px;
        font-weight: bold;
    }

    .cr-team-content {
        padding: 2.5rem 5rem 0;
    }

    .ft-abcd-title h1, .ft-om-header .ct-title h2, .ft-om-moreproducts .ct-title h2 {
        font-size: 2.3rem;
    }

    .ft-abcd-content .figure-caption {
        font-size: 1.5rem;
    }

    .mazhalaitamil-container .ft-slogan {
        font-size: 1.4rem;
    }

    .hindiforkids-container .ft-slogan {
        font-size: 1.5rem;
    }

    .ft-reviews-content {
        width: 70%;
    }

    .ft-reviews-details {
        padding: 1.5rem 2rem;
        width: 85%;
        margin: 0.5rem auto;
    }

    .ft-abcd-subtitle h2 {
        font-size: 2rem;
        padding-top: 2rem;
    }

    .ft-om-list li {
        margin: 0;
        padding: 1rem 0 1.5rem 10%;
        background-size: 50px;
        font-size: 1.4rem;
        font-weight: 500;
    }

    .om_tamil_img img {
        max-height: 40rem;
    }

    .play {
        margin-left: 6em;
        margin-right: -4em;
        width: 26%
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .ft-img img {
        max-width: 50%;
        margin: 0 0 2rem;
    }

    .ft-img {
        text-align: center;
    }

    .abcdforkids-container {
        background-position: 30% center;
    }

    .hindiforkids-container {
        background-position: 30% center;
    }

    .mazhalaitamil-container {
        background-position: 30% center;
    }

    .ft-content-btn {
        margin-bottom: 2rem;
    }

    .abcdforkids-container .ft-content h2 {
        margin-bottom: 0.8rem;
    }

    .hindiforkids-container .ft-content h2 {
        margin-bottom: 0.8rem;
    }

    .abcdforkids-container .ft-content-btn {
        margin-top: 0.4rem;
    }

    .hindiforkids-container .ft-content-btn {
        margin-top: 0.4rem;
    }

    .ft-om-tamplates {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .om_tamil_head {
        padding-bottom: 0;
        padding-top: 7rem;
    }

    .om_tamil_head::before {
        top: 18px;
    }

    .om_tamil_head::after {
        display: none;
    }

    .ft-om-header .ft-abcd-title {
        padding-bottom: 0;
    }

    .ft-om-calendar .om_tamil_head::before {
        top: 47px;
    }

    .ft-om-astrology .om_tamil_head::before {
        top: 40px;
    }

    .cr-address {
        text-align: center;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
 
    .ft-logo {
        min-width: 5rem;
    }

    .ft-content {
        margin-bottom: 1rem;
        margin-left: -5px;
    }

    .ft-content-btn {
        min-width: 10rem;
    }

    .ft-content h2 {
        font-size: 1.8em;
    }

    .ft-slogan {
        font-size: 0.9rem;
    }

    .ct-title {
        padding-top: 2.5rem;
    }

    .cr-pt-links {
        font-size: 1.2rem;
    }

    .cr-pt-img-wrapper img {
        margin: 2rem 0 1rem;
    }

    #crGetInTuch small {
        line-height: 1.1;
        margin-bottom: 2rem;
    }

    #crGetInTuch {
        padding-bottom: 17rem;
    }

    #crGetInTuch small strong {
        display: block;
        font-size: 1.6rem;
    }

    .cr-address {
        font-size: 1.2rem;
    }

    .cr-address strong {
        font-size: 1.35rem;
    }

    .ct-careers-details {
        padding: 1rem 0.5rem;
    }

    .ct-careers-content ul {
        font-size: 1rem;
    }

    .ct-careers-content h4 {
        font-size: 1.2rem;
        text-align: center;
        padding-left: 0;
    }

    .ct-careers-content .cr-btn {
        font-size: 1rem;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }

    .play {
        min-width: 35%;
        margin-left: 3%;
        margin-right: 9px;
    }
}

@media (max-width: 360px) {
    .play {
        min-width: 35%;
        margin-left: 3%;
        margin-right: 9px;
    }