@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);

@import url(http://fonts.googleapis.com/css?family=Pacifico);



* {

    margin: 0;

    padding: 0;

    font-family: 'Open Sans', sans-serif;

}



body {

    height: 100%;

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    line-height: 1.7;

    color: #666666;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

    background: #fff;

    width: 100%;

    overflow-x: hidden;

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

}



::selection {

    color: #fff;

    background: #96361F;

}



::-moz-selection {

    color: #fff;

    background: #FFD500;

}



p {

    color: #858585;

    margin: 0 0 1em !important;

}



h1, h2, h3, h4, h5, h6, #home .heading strong {

    font-family: 'Raleway', sans-serif;

}



.fitImage {

    max-width: 100%;

    vertical-align: middle;

    display: inline-block;

}



.animated {

    /* -webkit-animation-duration: 1s; */

    animation-duration: 1s;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}



.mcbook {

    opacity: 0;

}



.show {

    opacity: 1;

}



.pDark p {

    color: #6D6D6D;

}



.pDark h3 {

    color: #BEBEBE;

}



.btn {

    background: #FFD500;

}



    .btn:hover {

        background: #145AC4;

    }



.btn, .form-control, .team-socials i {

    border-radius: 5px !important;

}



.form-group {

    margin: 0 auto;

    margin-bottom: 15px;

    width: 75%;

}



.form-control {

    border: none;

    padding: 22px 4px;

    outline: none;

    color: #FFFFFF;

    margin: 0;

    width: 210px;

    max-width: 100%;

    display: block;

    margin-bottom: 20px;

    background: rgba(255, 254, 254, 1);

    font-size: inherit;

    border-radius: 0px !important;

    width: 99%;

}



.button-outline {

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    vertical-align: middle;

    zoom: 1;

    color: #fff;

    padding: 10px 25px;

    border: 2px solid #fff;

    border-radius: 0px;

    font-size: 16px;

    font-weight: 400;

    background: rgba(255,255,255,0.15);

}



    .button-outline:hover {

        color: #fff;

        background: rgba(255,255,255,0.35);

    }



a {

    color: #DBFB4A;

    text-decoration: none;

    text-shadow: none;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



    a:hover {

        color: #000;

        text-decoration: none;

    }



.btn {

    border: 0px;

    border-radius: 0px;

}



.btn-primary {

    background: #fff;

    border: 1px solid #fff !important;

    color: #414141 !important;

}



.btn-secondary {

    background: transparent;

    border: 1px solid #fff !important;

    color: #fff;

}



.btn-primary:hover {

    background: #fff;

}



.btn-secondary:hover {

    background: transparent;

    color: #fff;

}



.btn {

    color: #fff;

    font-size: 18px;

    min-height: 50px;

    border-radius: 40px;

    text-decoration: none;

    display: inline-block;

    line-height: 24px;

    padding: 16px 30px 20px;

    z-index: 1;

    position: relative;

    border: none;

    margin-bottom: 15px;

}



.form-control {

    border-radius: 0px;

}



.mrgn30 {

    margin: 30px 0;

}



.copyright {

    color: #FFF4F4;

    background: #EF48B1;

    padding: 20px 0;

}



#top {

    position: relative;

}



.topHome {

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 5;

}



    .topHome:hover {

        color: #F89F9F;

    }



h2, .h2 {

    font-size: 43px;

}



#Header {

    margin-bottom: 52px;

    position: relative;

    width: 100%;

    height: 119px;

    line-height: 118px;

    z-index: 1;

    padding-top: 30px;

}



.logo {

    width: auto;

    margin: 0 auto;

    padding: 16px;

    height: 125px;

    width: 128px;

}



.wrapper {

    margin: 0 auto;

    position: relative;

    width: 100%;

    z-index: 1;

}



.tempBy {

    display: block;

    text-align: center;

    margin-top: 40px;

    color: #8A8A8A;

}



#Content h2 {

    margin: 0px;

    padding: 0px;

    text-align: center;

    font-size: 42px;

    font-weight: 300;

    color: #fff;

}



#WindowSlide {

    margin: 0 auto;

    position: relative;

    width: 634px;

    height: 170px;

    display: block;

    overflow: hidden;

}



#Mail {

    position: absolute;

    width: 634px;

    top: 0px;

    left: 0px;

}



#Content h3 {

    text-align: center;

    font-size: 24px;

    font-weight: normal;

    display: block;

    clear: both;

}



#subscribe p {

    text-align: center;

}



#subscribe input {

    background: rgba(255, 255, 255, 0.52);

    color: #7a7a7a;

    font: bold 19px;

    vertical-align: middle;

    width: 293px;

    border: 1px solid #000;

    padding: 10px;

}



    #subscribe input[type="button"] {

        background: rgba(255, 255, 255, 1);

        width: auto;

        padding: 10px 25px;

        cursor: pointer;

        margin-left: -5px;

        font-weight: bold;

        font-size: 13px;

        color: #000;

    }



.callback, .simple {

    font-size: 20px;

    background: #27ae60;

    padding: 0.5em 0.7em;

    color: #ecf0f1;

    margin-bottom: 50px;

    -webkit-transition: background 0.5s ease-out;

    transition: background 0.5s ease-out;

}



.callback {

    cursor: pointer;

}



.ended {

    background: #c0392b;

}



.countdown {

    text-align: center;

    margin-top: 30px;

    line-height: 56px;

}



.styled {

    margin-bottom: 10px;

}



    .styled div {

        display: inline-block;

        margin-left: 29px;

        font-size: 36px;

        font-weight: normal;

        text-align: center;

        height: 100px;

        text-shadow: none;

        vertical-align: middle;

        color: #FFFFFF;

        border: 1px solid rgba(255, 255, 255, 1);

        padding: 25px 30px;

        height: auto;

        background: #F00;

        border-radius: 50%;

        width: 140px;

        height: 140px;

    }



#overlay {

    background: rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat;

    position: fixed;

    top: 0px;

    width: 100%;

    bottom: 0px;

    opacity: 0.8;

}



/* IE7 inline-block hack */

* + html .styled div {

    display: inline;

    zoom: 1;

}



    .styled div:first-child {

        margin-left: 0;

    }



    .styled div span {

        display: block;

        font-size: 18px;

        margin-top: -10px;

        font-weight: normal;

        text-align: center;

    }



.banner-container {

    background-size: cover;

    background-repeat: repeat;

    background: url('../images/topBanne.jpg');

    padding: 120px 0;

    background-position: 100% 30%;

}



.PDanner {

    background: url('../images/facebook.jpg') 40% 80%/130%;

    padding: 90px 0 30px;

    position: relative;

}



.BalManuhar {

    background: #E91E63;

    padding: 50px 0 60px;

}



.Shayari {

    width: 60%;

    margin: 0 auto;

    text-align: center;

    color: #EEE;

    font-size: 22px;

    word-spacing: 7px;

    line-height: 1.6;

}



.BoyImg {

    background-image: url('../images/bg.gif');

    width: 70px;

    height: 70px;

    display: inline-block;

    background-size: cover;

    background-color: #EEE;

    border-radius: 100%;

    margin-right: 20px;

    vertical-align: middle;

}



.GirlImg {

    background-image: url('../images/gg.gif');

    width: 70px;

    height: 70px;

    vertical-align: middle;

    display: inline-block;

    background-size: 90%;

    background-position: 90% 60%;

    background-color: #EEE;

    border-radius: 100%;

    margin-left: 20px;

}



.childrenName {

    display: inline-block;

    vertical-align: middle;

    padding: 7px;

    margin-top: 40px;

    border: 1px solid rgba(238, 238, 238, 0.24);

    width: 150px;

    text-align: center;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.9s linear;

    -webkit-transition: all 0.9s linear;

    -moz-transition: all 0.9s linear;

    -o-transition: all 0.5s linear;

}



    .childrenName:hover {

        background: rgba(238, 238, 238, 0.5);

        color: #ffffff;

    }



.PDanner .row {

    width: 61%;

}



.mycol {

    margin: 10px 1%;

    background: rgba(255, 255, 255, 0.4);

    width: 31%;

    border-radius: 2px;

    min-height: 265px;

    padding: 20px 0 10px;

}



.LogoImage {

    width: 25%;

    margin: -20px auto 0;

}

/* wtMenu

----------------------------------------------*/

#mainNav {

    position: fixed;

    right: -200px;

    width: 200px;

    height: 100%;

    top: 0;

    z-index: 10;

    text-align: left;

}



#menuToggle {

    position: absolute;

    left: -47px;

    z-index: 999;

    background: rgba(0, 0, 0, 0.30);

    top: 13px;

    cursor: pointer;

}



    #menuToggle .fa {

        font-size: 18px;

        margin: 7px 10px;

        color: #fff;

    }



    #menuToggle:hover .fa {

        color: #888;

    }



.menuLinks {

    position: absolute;

    top: 0;

    right: 0px;

    background: rgba(0, 0, 0, 0.9);

    width: 200px;

    height: 100%;

    z-index: 999;

    padding: 10px 0 0 0;

}



    .menuLinks li {

        list-style: none;

    }



        .menuLinks li a {

            margin-left: 20px;

            color: gray;

            display: block;

            font-size: 12px;

            font-weight: 700;

            line-height: 38px;

            text-transform: uppercase;

        }



.countdownBanner {

    padding: 30px 0 20px;

    text-align: center;

    font-size: 50px;

    text-transform: uppercase;

    color: #FFFFFF;

}



.menuLinks li a:hover {

    color: #888;

}

/*home*/

#home .heading {

    /*	margin-top: 18%; */

}



    #home .heading h2 {

        color: #fff;

        font-size: 54px !important;

    }



    #home .heading strong {

        font-size: 30px;

        font-weight: normal;

    }



    #home .heading h1 {

        font-size: 54px !important;

        padding-top: 23px;

        line-height: 1.2;

        text-transform: uppercase;

        font-family: Vollkorn;

    }



        #home .heading h1 .with {

            font-size: 34px;

            clear: both;

            display: block;

            font-family: Vollkorn;

            line-height: 1.5;

            padding-bottom: 3px;

        }



    #home .heading h2 {

        color: #000;

        font-family: 'Pacifico', cursive;

        font-size: 34px !important;

    }



    #home .heading h3 {

        font-size: 20px !important;

        font-weight: 100;

        line-height: 30px;

        width: 90%;

        margin: 0 auto;

    }

/* Header 

----------------------------------------------*/

#section-top {

    background: #4E4E4E;

}



    #section-top ul {

        margin: 0;

        padding: 0;

        list-style: none;

        float: right;

    }



        #section-top ul li {

            display: inline-block;

        }



            #section-top ul li a {

                border-radius: 2px;

                display: inline-block;

                height: 35px;

                line-height: 35px;

                width: 35px;

                text-align: center;

            }



    #section-top .region-top-first {

        float: right;

    }



.header {

    position: fixed;

    width: 100%;

    background: rgba(27, 27, 27, 0.31);

    z-index: 50;

    border-radius: 0;

    top: 0px;

    border-bottom: 1px solid rgba(214, 214, 214, 0.26);

}



.addBg {

    background: rgba(5, 5, 5, 0.94);

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

}



.navbar-inverse {

    background: transparent;

}



    .navbar-inverse .navbar-toggle {

        background-color: #FFD500;

    }



        .navbar-inverse .navbar-toggle .icon-bar {

            /*background-color: #FFD500;*/

        }



        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

            background: #FFD500;

        }



    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

        color: #fff;

    }



    .navbar-inverse .navbar-toggle:hover .icon-bar {

        background: #fff;

    }



.navbar-toggle {

}



.hero-text {

    color: #676e73;

    width: 83%;

    text-align: center;

    margin: 7% auto 24px auto;

    font-family: 'Oswald', sans-serif;

}



    .hero-text p {

        font-family: 'Oswald', sans-serif;

        padding: 0;

        margin: 12px 8% 0;

        text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);

    }

/*.carousel-inner*/



.actionPanel {

    padding: 25px 0;

    background: #FFD500;

}



    .actionPanel h3 {

        margin: 0px;

    }



.circle {

    color: #590038;

    height: 80px;

    width: 80px;

    border-radius: 90px;

    background: transparent;

    padding: 23px;

    /* border: 1px solid #095742; */

    font-size: 43px !important;

}



#section-strapline {

    background: #f00bfff;

    line-height: 42px;

    clear: both;

}

/*----Nav ----*/

.header .navbar-brand {

    float: left;

    padding: 22px 15px;

    line-height: 18px;

    height: 50px; /*color:#FF5200;*/

}



.navbar-brand b {

    color: #FFD500;

    font-family: 'Oswald', sans-serif;

    font-weight: 900;

}



    .navbar-brand b i {

        color: #fff;

        font-style: normal;

    }



.logo {

    font-size: 2.2em;

    text-shadow: none;

    margin: 8px 0 0 0;

}



    .logo:hover {

        color: #5A5A5A;

    }



.header .navbar {

    margin: 0;

    background: transparent;

    border: 0;

}



.navbar-inverse .navbar-nav > li > a {

    color: #fff;

    font-size: 1.2em;

    line-height: normal;

    margin: 17px;

    padding: 6px 0px !important;

    border-radius: 5px;

    font-family: 'Oswald', sans-serif;

    font-weight: 400;

    text-transform: uppercase;

}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

    color: #fff;

    background: none;

    border-bottom: 2px solid #FFD500;

    border-radius: 0px;

}



.navbar-inverse .navbar-nav > .active {

}



.navbar-nav > li:hover > a {

    color: #fff;

}



.header .navbar-nav > li > a {

    padding: 25px 18px;

}



.page-section {

    width: 100%;

    height: auto;

    padding: 65px 0;

}



.noPadd {

    padding: 0;

}

/***************************************/

#counter {

    background: rgba(253, 175, 23, 0.90);

    padding: 15px 0 25px;

}



.page-section h1 {

    font-size: 3.5em;

    margin: 90px 0 30px;

    line-height: 1.2em;

}



    .page-section h1 span {

        font-weight: 200;

    }



.page-section h2 {

    color: #FFD500;

}



.page-section p {

    font-size: 14px;

    line-height: 22px;

    padding: 5px 5px 0;

}



.darkBg {

    background: #000;

}



    .darkBg .fa {

        color: #FFD500;

    }



#logo {

    margin-top: 6.875rem;

    text-align: center;

}



.hero-text p {

    font-size: 1.6em;

    color: #fff;

    font-style: normal;

    text-shadow: 1px 1px 1px #8F8F8F;

}



.arrow-link {

    display: inline-block;

    font-size: 32px;

    margin-top: 20px;

    height: 60px;

    line-height: 60px;

    overflow: hidden;

    text-align: center;

    vertical-align: top;

    width: 60px;

}



a.arrow-link {

    color: #FFD500;

}



    a.arrow-link:hover {

        color: #fff;

    }



.colord {

    background: #F44336;

}



    .colord p {

        color: #FFFFFF;

    }



    .colord h3 {

        color: #000;

    }



.hero-button {

    text-align: center;

    background: rgba(255, 255, 255, 0.36);

    border: 1px solid #fff;

    padding: 20px;

    display: inline-block;

    margin: 0 auto;

    clear: left;

    width: auto;

}



.hero-img {

    text-align: center;

    margin: 124px auto 24px auto;

}



.da-slider {

    margin: 0 auto !important;

}



.heading h2 {

    color: #222;

}



#contactUs .heading h2 {

    color: #E91E63;

    font-size: 35px;

    padding: 15px;

    text-transform: uppercase;

}



.sub-heading {

    padding: 15px 0;

}



    .sub-heading h2 {

        font-size: 18px;

        margin: 15px 0 8px !important;

    }



    .sub-heading p {

        color: #5A5A5A;

    }



.heading {

    padding: 40px 30px 20px 0;

    display: block;

}



.pdingBtm30 {

    padding-bottom: 30px;

}



img, video, iframe, embed, object {

    max-width: 100%;

    height: auto;

}

/*  

    -------------------------------------------------*/

#features h2 {

}



#features p {

}



.fetaure-details {

    margin-bottom: 45px;

}



.features .features-left {

    text-align: right;

}



.features .features-right {

    text-align: left;

}



#features h4 {

    color: #000;

    font-size: 24px !important;

}



#features p {

    color: #494949;

    font-size: 16px;

}



.features .phone-image {

    max-width: 250px;

    margin: auto auto 80px;

}



#aboutUs {

    background: #FFFFFF;

    padding-top: 35px;

    padding-bottom: 25px;

    overflow: hidden;

    color: #96361F;

}



    #aboutUs p {

        color: #212C29;

    }



    #aboutUs .feature {

        margin-top: 30px;

        margin-bottom: 54px;

    }



    #aboutUs .right {

        padding-left: 32px;

        float: right;

    }



    #aboutUs .left {

        padding-right: 32px;

        float: left;

    }



    #aboutUs h3 {

        font: 18px/34px;

        text-transform: uppercase;

        letter-spacing: 1px;

        color: #222;

    }



.fluid-video-wrapper {

    margin-top: 18px;

}



#aboutUs .left {

    padding-right: 32px;

    float: left;

}



#aboutUs .right {

    float: right;

}



.row .six {

    width: 50%;

}

/*  

    -------------------------------------------------*/

.grid .text-content {

    padding-left: 35%;

}



.grid .text-content {

    display: block;

    padding-left: 19%;

    padding-right: 8%;

}



.grid .grid-item {

}



.grid .text-content h5 {

    font-weight: bold;

}



.grid .grid-item .item-content {

    display: block;

    outline: none;

    text-decoration: none;

    padding: 20px 0;

}



.item-content .fa {

    position: absolute;

    color: #646464;

    font-size: 4.5em;

    top: 36px;

}



#contactUs .btn {

    border-radius: 0px !important;

    border: 0px !important;

    background: #DCFC4B;

}



nav#filter {

    margin-bottom: 1.5em;

}



    nav#filter li {

        display: inline-block;

        margin: 0 0 0 5px;

    }



    nav#filter a {

        padding: 4px 12px;

        line-height: 20px;

        border: 1px solid #FFD500;

        text-decoration: none;

    }



.current {

    background: #FFD500;

    color: #fff;

}



.page-section.intro {

    min-height: 600px;

}



.btn {

    font-weight: 200;

}



.btn-dark {

    background: #444;

    color: #fff;

}



    .btn-dark:hover {

        background: #000;

        color: #fff;

    }



.back-to-top {

    display: inline-block;

    clear: both;

    background: #fff;

    color: #333;

    padding: 0 10px 5px;

    margin: 20px 0 0;

    text-shadow: none;

}



    .back-to-top:hover {

        background: #333;

        color: #fff;

        text-decoration: none;

    }



hr {

    border-color: #ddd;

}



body {

    margin: 0;

    font-family: Arial, sans-serif;

}



#navigation {

    position: fixed;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    width: 200px;

    background: #ffffff;

    box-shadow: 0 10px 10px -10px #000000;

}



    #navigation > li {

        margin: 0;

        padding: 0;

        list-style: none;

    }



        #navigation > li > a {

            margin: 1px;

            color: #000000;

            background: #cccccc;

            display: block;

            padding: 5px;

            text-decoration: none;

            transition: all 400ms;

        }



            #navigation > li > a.current, #navigation > li:hover > a {

                background: #999999;

            }



.pageSection {

    min-height: 600px;

    padding: 20px;

    background: #dddddd;

}



    .pageSection:nth-child(odd) {

        background: #eeeeee;

    }



.socialIcons li {

    list-style: none;

    display: inline;

    margin-right: 6px;

}



footer {

    border-top: 1px solid #EF48B1;

    padding: 35px 0 15px;

    background: #FEFDFD;

}



.social a:hover {

    color: #818181;

}



.social a {

    font-size: 32px;

    margin: 0 10px;

    color: #EF48B1;

}



.contact ul li {

    margin-bottom: 10px;

}



    .contact ul li i {

        margin-right: 15px;

    }



.portfolio-item img:hover {

    width: 110%;

    height: 110%;

}



@media (min-width: 768px) {

    .header .navbar-brand {

        padding-left: 0;

    }



    .navbar-nav {

        float: right;

    }



    .navbar-inverse .navbar-nav > li > a {

        color: #fff;

        font-size: 1.1em;

        padding: 6px 0px !important;

        border-radius: 5px;

        margin: 19px 10px;

    }

}



@media (max-width: 768px) {

    .banner-container {

        height: 700px;

    }



    #home .heading h2 {

        font-size: 44px !important;

    }



    #home .heading strong {

        font-size: 19px;

    }



    .styled div {

        display: inline-block;

        margin-left: 10px;

        font-size: 50px;

    }



        .styled div span {

            font-size: 23px;

        }



    .row .six {

        width: auto;

    }



    .hero-img {

        display: none;

    }



    .header .navbar-nav > li > a {

        padding: 25px 12px;

    }

}



@media (max-width:760px) {

    .header .navbar-nav > li > a {

        padding: 7px 12px;

        font-size: 14px;

    }



    .banner-container {

        width: 100%;

    }



    .menu_wrapper2,

    .menu_wrapper1,

    .RightTOp,

    .leftTOp {

        display: none;

    }



    .RelativePos {

        height: 50px;

        margin-top: 40px;

    }



    .Column .Center {

        width: 100%;

    }



        .Column .Center header {

            width: 150px;

            height: 150px;

            background: url(../images/1/header.png) 100% 100%/100% no-repeat;

        }



    header .logo {

        margin: 10px 0;

    }



        header .logo img {

            width: 100%;

        }



    .PDanner {

        background: url('../images/banner.jpg') 11% 87%/350%;

        padding: 90px 0 0;

    }



        .PDanner .row {

            width: 100%;

        }



            .PDanner .row .heading.text-center {

                width: 110%;

                padding: 10px 5% 0;

                margin: 0 auto;

            }



    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

        border-color: #A8A8A8;

    }



    #events {

        width: 100%;

        overflow: hidden;

        height: auto;

        overflow-y: auto;

        padding: 35px 0;

    }



        #events .EventTitle {

            font-size: 30px;

            padding: 0 0 20px;

        }



        #events .mycol {

            width: 45%;

            display: inline-block;

        }



    .container {

        text-align: center;

    }



    #events .mycol h3 {

        font-size: 18px;

        padding: 20px 0 9px;

        color: #FFF;

        text-transform: uppercase;

        border-bottom: 1px solid;

        width: 90%;

        margin: 0 auto;

    }



    #counter .countdownBanner {

        padding: 23px 0 30px;

        text-align: center;

        font-size: 40px;

    }



    .BalManuhar {

        padding: 40px 0;

    }



        .BalManuhar .EventTitle {

            font-size: 30px;

            padding: 0 0 10px;

        }



            .BalManuhar .EventTitle i {

                width: 70px;

                height: 70px;

                margin: 0 15px 0;

            }



    #home .heading h1 {

        font-size: 33px !important;

        color: #FFF;

    }



        #home .heading h1 .with {

            font-size: 27px;

        }



    #home .heading h2 {

        font-size: 34px !important;

    }



    #home .heading h3 {

        color: #FFF;

        font-size: 14px !important;

        line-height: 22px;

    }





    .BalManuhar .Shayari {

        width: 85%;

        margin: 24px auto 0;

        text-align: center;

        color: #EEE;

        font-size: 17px;

        word-spacing: 5px;

        line-height: 1.6;

    }



    .BalManuhar .childrenName {

        padding: 5px;

        width: 80px;

        margin-top: 25px;

    }







    .heading {

        padding: 10px 20px 30px 0;

    }



    #contactUs .heading h2 {

        font-size: 25px;

    }



    .parlex-back .heading p {

        font-size: 14px;

        line-height: 20px;

        padding: 0 0 0 18px;

    }



    body {

        width: 100%;

        overflow-x: hidden;

    }



    .countdown.styled {

        line-height: 30px;

    }



        .countdown.styled div {

            width: 100px;

            height: 100px;

            font-size: 20px;

            margin: 15px 0 0;

            padding: 15px 0 0;

        }



        .countdown.styled span {

            font-size: 17px;

            margin: 0;

            padding: 0;

        }

}



@media (max-width: 480px) {

    body {

        width: 100%;

        overflow-x: hidden;

    }



    .banner-container {

        width: 100%;

    }



    .menu_wrapper2,

    .menu_wrapper1,

    .RightTOp,

    .leftTOp {

        display: none;

    }



    .RelativePos {

        height: 50px;

        margin-top: 40px;

    }



    .Column .Center {

        width: 100%;

    }



        .Column .Center header {

            width: 150px;

            height: 150px;

            background: url(../images/1/header.png) 100% 100%/100% no-repeat;

        }



    header .logo {

        margin: 10px 0;

    }



        header .logo img {

            width: 100%;

        }



    .PDanner {

        background: url('../images/banner.jpg') 11% 87%/350%;

        padding: 90px 0 0;

    }



        .PDanner .row {

            width: 100%;

        }



            .PDanner .row .heading.text-center {

                width: 110%;

                padding: 10px 5% 0;

                margin: 0 auto;

            }



    .banner-container {

        height: 355px;

    }



    #home .heading h1 {

        font-size: 33px !important;

        color: #FFF;

    }



        #home .heading h1 .with {

            font-size: 27px;

        }



    #home .heading h2 {

        font-size: 34px !important;

    }



    #home .heading h3 {

        color: #FFF;

        font-size: 14px !important;

        line-height: 22px;

    }



    #home .heading strong {

        font-size: 14px;

    }



    .styled div {

        display: inline-block;

        margin-left: 10px;

        font-size: 28px;

        width: 119px;

        height: 119px;

        margin: 5px;

    }



        .styled div span {

            font-size: 14px;

        }



    .navbar {

        min-height: 69px;

    }



    .arrow-link {

        display: none;

    }



    #section-top ul li a {

        height: 28px;

        line-height: 28px;

        width: 26px;

    }



    .page-section h1 {

        font-size: 3em;

    }



    .page-section h2 {

        font-size: 22px;

    }



    .page-section p {

        font-size: 14px;

        margin: 0 0 20px;

        color: #EEE;

    }



    .copyright {

        font-size: 13px;

    }



    #events {

        width: 100%;

        overflow: hidden;

        height: auto;

        overflow-y: auto;

        padding: 35px 0;

    }



        #events .EventTitle {

            font-size: 30px;

            padding: 0 0 20px;

        }



        #events .mycol {

            width: 80%;

            display: block;

            margin: 0 auto 10px;

            min-height: 235px;

        }



            #events .mycol h3 {

                font-size: 18px;

                padding: 20px 0 9px;

                color: #FFF;

                text-transform: uppercase;

                border-bottom: 1px solid;

                width: 90%;

                margin: 0 auto;

            }



    #counter .countdownBanner {

        padding: 13px 0 20px;

        text-align: center;

        font-size: 25px;

    }



    .BalManuhar {

        padding: 40px 0;

    }



        .BalManuhar .EventTitle {

            font-size: 20px;

            padding: 0 0 10px;

        }



            .BalManuhar .EventTitle i {

                width: 40px;

                height: 40px;

                margin: 0 5px 0;

            }



        .BalManuhar .Shayari {

            width: 85%;

            margin: 21px auto 0;

            text-align: center;

            color: #EEE;

            font-size: 15px;

            word-spacing: 5px;

            line-height: 1.6;

        }



        .BalManuhar .childrenName {

            padding: 5px;

            width: 80px;

            margin-top: 25px;

        }



    .countdown.styled {

        line-height: 26px;

    }



        .countdown.styled div {

            width: 80px;

            height: 80px;

            font-size: 18px;

            margin: 15px 0 0;

            padding: 15px 0 0;

        }



        .countdown.styled span {

            font-size: 15px;

            margin: 0;

            padding: 0;

        }



    .heading {

        padding: 10px 20px 30px 0;

    }



    #contactUs .heading h2 {

        font-size: 25px;

    }



    .parlex-back .heading p {

        font-size: 14px;

        line-height: 20px;

        padding: 0 0 0 18px;

    }

}



@media (max-width: 320px) {



    body {

        width: 100%;

        overflow-x: hidden;

    }



    .banner-container {

        width: 100%;

    }



    .menu_wrapper2,

    .menu_wrapper1,

    .RightTOp,

    .leftTOp {

        display: none;

    }



    .RelativePos {

        height: 50px;

        margin-top: 40px;

    }



    .Column .Center {

        width: 100%;

    }



        .Column .Center header {

            width: 150px;

            height: 150px;

            background: url(../images/1/header.png) 100% 100%/100% no-repeat;

        }



    header .logo {

        margin: 10px 0;

    }



        header .logo img {

            width: 100%;

        }



    .PDanner {

        background: url('../images/banner.jpg') 11% 87%/350%;

        padding: 90px 0 0;

    }



        .PDanner .row {

            width: 100%;

        }



            .PDanner .row .heading.text-center {

                width: 110%;

                padding: 10px 5% 0;

                margin: 0 auto;

            }







    .grid .text-content {

        padding-left: 29%;

        padding-right: 2%;

    }



    nav#filter li {

        display: inline-block;

        margin: 0 0 23px 5px;

    }



    #events {

        width: 100%;

        overflow: hidden;

        height: auto;

        overflow-y: auto;

        padding: 35px 0;

    }



        #events .EventTitle {

            font-size: 30px;

            padding: 0 0 20px;

        }



        #events .mycol {

            width: 80%;

            display: block;

            margin: 0 auto 10px;

            min-height: 235px;

        }



            #events .mycol h3 {

                font-size: 18px;

                padding: 20px 0 9px;

                color: #FFF;

                text-transform: uppercase;

                border-bottom: 1px solid;

                width: 90%;

                margin: 0 auto;

            }



    #counter .countdownBanner {

        padding: 13px 0 20px;

        text-align: center;

        font-size: 25px;

    }



    .BalManuhar {

        padding: 40px 0;

    }



        .BalManuhar .EventTitle {

            font-size: 20px;

            padding: 0 0 10px;

        }



            .BalManuhar .EventTitle i {

                width: 40px;

                height: 40px;

                margin: 0 5px 0;

            }



        .BalManuhar .Shayari {

            width: 75%;

            margin: 21px auto 0;

            text-align: center;

            color: #EEE;

            font-size: 15px;

            word-spacing: 5px;

            line-height: 1.6;

        }



        .BalManuhar .childrenName {

            padding: 5px;

            width: 100px;

            margin-top: 15px;

        }



    .heading {

        padding: 10px 20px 30px 0;

    }



    #contactUs .heading h2 {

        font-size: 25px;

    }



    .parlex-back .heading p {

        font-size: 14px;

        line-height: 20px;

        padding: 0 0 0 18px;

    }

}



.customNavigation {

    text-align: center;

}



    .customNavigation a {

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    }



.contact-parlex {

    padding-top: 0px;

    background: #FFF;

}



.parlex-back {

    padding: 30px 0;

    background-color: #FFFFFF;

    color: #E91E63 !important;

}



    .parlex-back .heading p {

        color: #FF70A1;

        font-weight: normal;

        font-size: 17px;

        line-height: 25px;

        padding: 0 0 0 20px;

    }



#clients .heading {

    margin: 0px;

}



li.active a {

    color: #FED400;

}