/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 27, 2018, 10:38:26 AM
    Author     : admin
*/

@media only screen and (min-width: 320px) and (max-width: 479px){
    .navbar-toggle {
        position: relative;
        float: left;
        margin-left: 15px;
    }

    .navbar-brand {
        padding: 0;
    }

    .navbar-brand img {
        max-width: 70px;
    }

    .navbar-nav li a {
        font-size: 14px !important;
    }

    .container-fluid .navbar-brand {
        margin-left: 20% !important;
    }

    #ins .ins-video .corner-icon {
        margin: 0;
        max-width: 15px;
        right: 0;
    }

    #ins .ins-text .corner-icon {
        margin: 5px;
        max-width: 25px;
    }

    .WATCH_OUR_NEW {
        font-size: 20px;
        padding: 0;
        margin: 0;
    }
    .INSPIRING_ {
        font-size: 32px;
        padding-top: 0;
        margin-top: 0;
    }
    .ins-content-title {
        font-size: 24px;
    }
    .ins-content-title img {
        margin-top: -10px;
    }
    .ins-text {
        margin-top: 0%;
        float: right;
    }
    .ins-text span {
        font-size: 10px;
    }
    .content-title {
        font-size: 18px;
    }
    .content-title img {
        max-width: 20%;
        margin-top: -2px;
        max-height: 18px;
    }
    .content-title-span {
        font-size: 12px;
        margin-left: 1%;
    }

    #whats-new-content > div {
        margin: 0 auto;
        float: none;
    }

    #whats-new-content h4 {
        font-size: 16px;
    }

    #sf-index-text .corner-icon{
        max-width: 30px;
    }

    #footer{
        text-align: center;
    }

    #fcrt img {
        max-width: 150px;
        float: none;
        margin: 0 auto;
    }

    #sphoorti-dust h3 img, #sphoorti-leaf h3 img {
        max-width: 25%;
        margin-top: -10px;
    }

    #sphoorti-dust > .text, #sphoorti-leaf > .text {
        padding: 0% 5%;
    }

    #sphoorti-dust .icon, #sphoorti-leaf .icon {
        max-width: 20px;
        margin-top: -10px;
    }

    #sphoorti-dust h3, #sphoorti-leaf h3 {
        font-size: 18px;
    }

    #sphoorti-dust p, #sphoorti-leaf p {
        width: 100%;
    }
    #sphoorti-dust .icon {
        right: 3%;
        margin-top: 1%;
    }

    #sphoorti-dust table, #sphoorti-leaf table {
        width: 100%;
        text-align: center;
        font-family: "Source Sans Pro";
    }

    #asf .corner-icon {
        max-height: 25px;
        margin-top: 60px;
        right: 1%;
    }

    #asf-gallery > .row > div {
        float: none;
        margin: 5% auto;
    } 

    #pa {
        margin: 5% 10px;
    }
    #pa-heading .corner-icon {
        max-width: 25px;
        margin-top: -10px;
    }
    #pa .corner-icon {
        width: 25px;
        margin-left: -10px;
    }

    #events-heading img {
        max-width: 15%;
        max-height: 18px;
    }

    .events-text .corner-icon {
        margin-top: -40px;
        right: -30px;
        max-width: 30px;
    }

    .events-gallery > .row > div > .row > div {
        padding: 0;
    }

    #carousel-reviews .carousel-control .glyphicon-chevron-left {
        margin-left: -40px;
    }

    #press-news .corner-icon {
        margin-top: -10px;
        max-width: 25px;
    }

    #about-text .content-title img {
        max-width: 15%;
        max-height: 18px;
    }

    #about-text .text {
        margin-left: 0%;
        margin-top: 5%;
    }

    #tjl-heading img {
        max-width: 15%;
        max-height: 18px;
    }

    .tjl-rectangle img{
        margin: 5%;
    }

    #tjl-rectangle div img {
        margin: 5px;
    }

    #tjl h3 {
        font-size: 16px;
    }

    #tjl h3 img {
        max-width: 50px;
    }

    #snapshot-heading h2 {
        width: 80%;
        font-family: "Oswald";
        font-size: 18px;
    }

    #git-heading .content-title img {
        max-width: 15%;
        max-height: 18px;
    }

    #asf-text p {
        margin-left: 0% !important;
    }

    #faq > div > .corner-icon {
        right: 0px;
        margin-top: -20px;
    }

    #tjl-rectangle div img{
        margin:0 auto;
        float: none;
        max-width: 50px;
        max-height: 20px;
    }

    #ofat-dust {
        left: 32%;
        margin-top: 2%;
        margin-left: 2%;
    }

    #ofat-dust{
        width: 65%;
    }

    #ofat-dust h2{
        font-size: 18px;
        padding-bottom: 2px;
        margin: 0;
    }

    #ofat-dust h4{
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    #ofat-dust p{
        font-size: 11px;
        padding: 0;
        margin: 0;
    }
    #ofat-leaf{
        width: 60%;
        left: 5%;
        margin-top: 6%;
    }

    #ofat-mobile > img{
        max-width: 40%;
        margin-right: 5%;
        margin-top: 5%;
    }

    #ofat-leaf h2{
        font-size: 18px;
        padding-bottom: 2px;
        margin: 0;
    }

    #ofat-leaf h4{
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    #ofat-leaf p{
        font-size: 11px;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){

    .navbar-toggle {
        position: relative;
        float: left;
        margin-left: 15px;
    }

    .navbar-brand {
        padding: 0;
    }
    
    .navbar-nav li a {
        font-size: 14px !important;
    }

    .navbar-brand img {
        max-width: 70px;
    }

    .container-fluid .navbar-brand {
        margin-left: 28% !important;
    }

    #ins .ins-video .corner-icon {
        margin: 0;
        margin-top: 15px;
        max-width: 15px;
        right: 0;
    }

    #ins .ins-text .corner-icon {
        margin: 5px;
        max-width: 25px;
    }

    .WATCH_OUR_NEW {
        font-size: 20px;
        padding: 0;
        margin: 0;
    }
    .INSPIRING_ {
        font-size: 32px;
        padding-top: 0;
        margin-top: 0;
    }
    .ins-content-title {
        font-size: 24px;
    }
    .ins-content-title img {
        margin-top: -10px;
    }
    .ins-text {
        margin-top: 0%;
        float: right;
    }
    .ins-text span {
        font-size: 10px;
    }
    .content-title {
        font-size: 18px;
    }
    .content-title img {
        max-width: 20%;
        margin-top: -2px;
        max-height: 18px;
    }
    .content-title-span {
        font-size: 12px;
        margin-left: 1%;
    }

    #whats-new-content > div {
        margin: 0 auto;
        float: none;
    }

    #whats-new-content h4 {
        font-size: 16px;
    }

    #sf-index-text .corner-icon{
        max-width: 30px;
    }

    #footer{
        text-align: center;
    }

    #fcrt img {
        max-width: 150px;
        float: none;
        margin: 0 auto;
    }

    #sphoorti-dust h3 img, #sphoorti-leaf h3 img {
        max-width: 25%;
        margin-top: -10px;
    }

    #sphoorti-dust > .text, #sphoorti-leaf > .text {
        padding: 0% 5%;
    }

    #sphoorti-dust .icon, #sphoorti-leaf .icon {
        max-width: 20px;
        margin-top: -10px;
    }

    #sphoorti-dust h3, #sphoorti-leaf h3 {
        font-size: 18px;
    }

    #sphoorti-dust p, #sphoorti-leaf p {
        width: 100%;
    }
    #sphoorti-dust .icon {
        right: 3%;
        margin-top: 1%;
    }

    #sphoorti-dust table, #sphoorti-leaf table {
        width: 100%;
        text-align: center;
        font-family: "Source Sans Pro";
    }

    #asf .corner-icon {
        max-height: 25px;
        margin-top: 60px;
        right: 1%;
    }

    #asf-gallery > .row > div {
        float: none;
        margin: 5% auto;
    } 

    #pa {
        margin: 5% 10px;
    }
    #pa-heading .corner-icon {
        max-width: 25px;
        margin-top: -10px;
    }
    #pa .corner-icon {
        width: 25px;
        margin-left: -10px;
    }

    #events-heading img {
        max-width: 15%;
        max-height: 18px;
    }

    .events-text .corner-icon {
        margin-top: -40px;
        right: -30px;
        max-width: 30px;
    }

    .events-gallery > .row > div > .row > div {
        padding: 0;
    }

    #carousel-reviews .carousel-control .glyphicon-chevron-left {
        margin-left: -40px;
    }

    #press-news .corner-icon {
        margin-top: -10px;
        max-width: 25px;
    }

    #about-text .content-title img {
        max-width: 15%;
        max-height: 18px;
    }

    #about-text .text {
        margin-left: 0%;
        margin-top: 5%;
    }

    #tjl-heading img {
        max-width: 15%;
        max-height: 18px;
    }

    .tjl-rectangle img{
        margin: 5%;
    }

    #tjl-rectangle div img {
        margin: 5px;
    }

    #tjl h3 {
        font-size: 16px;
    }

    #tjl h3 img {
        max-width: 50px;
    }

    #snapshot-heading h2 {
        width: 70%;
        font-family: "Oswald";
        font-size: 20px;
    }

    #git-heading .content-title img {
        max-width: 15%;
        max-height: 18px;
    }

    #asf-text p {
        margin-left: 0% !important;
    }

    #faq > div > .corner-icon {
        right: 0px;
        margin-top: -20px;
    }

    #tjl-rectangle div img{
        margin:0 auto;
        float: none;
        max-width: 50px;
        max-height: 20px;
    }

    #ofat-dust {
        left: 32%;
        margin-top: 2%;
        margin-left: 2%;
    }

    #ofat-dust{
        width: 60%;
    }

    #ofat-dust h2{
        font-size: 18px;
        padding: 0;
        margin: 0;
    }

    #ofat-dust h4{
        font-size: 14px;
    }
    #ofat-dust p{
        font-size: 14px;
    }
    #ofat-leaf{
        width: 60%;
        left: 5%;
        margin-top: 6%;
    }

    #ofat-mobile > img{
        max-width: 40%;
        margin-right: 5%;
        margin-top: 5%;
    }

    #ofat-leaf h2{
        font-size: 18px;
        padding-bottom: 2px;
        margin: 0;
    }

    #ofat-leaf h4{
        font-size: 14px;
    }
    #ofat-leaf p{
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .navbar-nav li a {
        font-size: 15px !important;
    }
    .nav > li > a {
        padding: 10px 10px;;
    }

    .table > tbody > tr > td {
        padding: 4px;
    }
    #ins .ins-video .corner-icon {
        margin: 0;
    }

    .WATCH_OUR_NEW {
        font-size: 32px;
        margin: 0;
        padding: 0;
    }
    .INSPIRING_ {
        font-size: 52px;
        margin-top: 5px !important;
    }
    .ins-content-title {
        font-size: 24px;
    }
    .ins-content-title img {
        margin-top: -10px;
        max-width: 60%;
    }

    .ins-text span {
        font-size: 12px;
    }

    .content-title {
        font-size: 30px;
    }

    #ofat .corner-icon {

        margin-top: 7%;
        max-width: 45px
    }

    #ofat-dust, #ofat-leaf {
        margin-top: 7%;
    }
    #ofat-dust h2, #ofat-leaf h2 {
        font-size: 30px;
    }
    #ofat-leaf h4, #ofat-dust h4 {
        font-size: 16px;
    }
    #sf-index-text {
        padding: 0%;
    }
    #sf-index-text .corner-icon{
        max-width: 40px;
        margin: 10px;
    }

    #sphoorti-dust > .text, #sphoorti-leaf > .text {
        padding: 0% 5%;
    }

    #sphoorti-dust .icon, #sphoorti-leaf .icon {
        max-width: 20px;
        margin-top: -10px;
    }

    #sphoorti-dust h3, #sphoorti-leaf h3 {
        font-size: 30px;
    }

    #sphoorti-dust p, #sphoorti-leaf p {
        width: 100%;
        font-size: 12px;
    }
    #sphoorti-dust .icon {
        right: 5%;
    }

    #asf .corner-icon {
        right: 1%;
        max-height: 50px;
        margin-top: 100px;
    }

    #asf-gallery{
        float: right;
    }
    #pa {
        margin: 5% 10px;
    }

    #pa-heading .corner-icon {
        right: 2%;
        margin-top: 0;
        max-width: 40px;
    }
    #pa .corner-icon {
        max-width: 40px;
        margin-left: -10px;
    }

    .events-gallery .corner-icon {
        margin-top: -230px;
        right: -50px;
    }

    #carousel-reviews .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -70px;
    }
    #snapshot-heading h2 {

        font-size: 34px;
        padding: 0;
        margin: 0 auto;
        width: 70%;
        text-align: center;
        font-family: "Oswald";
        background-color: white;
    }

    #footer-follows img {
        max-width: 40px;
    }

    #faq > div > .corner-icon {
        right: 50px;
        margin-top: -20px;
    }

    #tjl-rectangle div img{
        margin:0 auto;
        float: none;
        max-width: 75px;
        max-height: 30px;
    }

}

@media only screen and (min-width: 992px){

}

@media only screen and (min-width: 1280px){

}