/*@media (min-width:992px) and (max-width:1305px) {
    #main-menu ul li a{ padding:16px 30px}
}*/
@media (min-width:992px) and (max-width:1199px) {
    #header{
        height: auto;
    }
    #main-menu ul li a {
        padding: 10px 8px;
        text-transform: none;
    }
    h1 { font-size:40px}
    .banner-content{ margin-right:5%}
    .banner-content p br{ display:none}
    .sub-menu{
        top: 43px;
    }
}



@media (min-width:768px) {
    #main-menu ul{ display:block !important}
}

@media (max-width:991px) {
    .thankyou-bg{
        width:100%; background:#ed7b2d; height:100px; padding:50px 0 0;
    }
    .thankyou-bg h1{
        font-size:40px; font-family: 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; line-height:55px; text-align:center; text-shadow:none;
    }


    .form{ top:170px}
    .banner-content p br{ display:none}
    #header{ height:105px}
    #top-banner{ padding-top:105px}
    #main-menu ul li a{ padding:10px 11%; font-size:13px}
    #main-menu{ position:relative}
    h1 { font-size:40px}
    .block-content{ padding:50px 0 0 60px}
    .banner-content{ width:65%; margin-right:5%}
    .content-pnl-rgt{ width:45%;}
    .block-content-rgt{ padding:50px 60px 0 0}
    #banner-block{ top:170px}
    #logo{ width:34%}
    #top-head{ width:58%}
    h2{ font-size:36px}
}


@media (min-width:768px) and (max-width:991px) {
    .sub-menu{
        top: 32px;
    }
    .new-notice strong{
        font-size: 14px;
    }
    #logo{
        width:auto;
        margin-top: 0px;
    }
    #top-head{
        width: 73%;
    }
    .top-nav li{
        display: inline;
        font-size: 12px;
    }
    .top-nav li,
    .top-nav li a{
        font-size: 12px;
        text-transform: none;
    }
    #logo img{
        width: 150px;
        margin-top: 7px;
    }
    #main-menu ul li a{
        text-transform: none;
    }
    #main-menu ul li a{
        padding: 7px 5px;
    }
    #header{
        height:auto;
    }
}


@media (max-width:767px) {
    .up{
        width: 25px;
        height: 25px;
        background-size: cover;
        right: 10px;
        bottom: 10px;
    }
    .thankyou-bg{
        width:100%; background:#ed7b2d; height:auto; padding:60px 0 60px;
    }
    .thankyou-bg h1{
        font-size:30px; font-family: 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; line-height:55px; text-align:center; text-shadow:none;
    }

    .form{ width:228px}
    #main-menu ul{ text-align:center; margin-top:60px; float:right; width:50%}
    #main-menu ul li{ float:none; display:inline-block; width:100%; background:none}
    #main-menu ul li a{ padding:10px 15px; font-size:15px; display:block}
    #main-menu ul li.robotics a.active, #main-menu ul li.toddlers a.active, #main-menu ul li.dannce a.active, #main-menu ul li.braincafe a.active, #main-menu ul li.theatre a.active, #main-menu ul li.sports a.active, #main-menu ul li a:hover{background:#333}
    #logo{ margin:13px 0 2px 15px}
    .top-nav li{ font-size:14px}
    #main-menu ul{ display:none;box-shadow:1px 3px 4px rgba(0,0,0,0.5);}
    .block-content-rgt{ padding:20px 0 0 60px; overflow:hidden}	
    .banner, .banner-content, .find-out, .robotics-bg{ display:none!important}
    .content-img, .content-pnl, .content-pnl-rgt, .content-img-rgt{ width:100%; float:none }
    .content-img-rgt{ overflow:hidden; text-align:center }
    .block-content-rgt, .block-content{ float:none; width:97%; position:inherit; box-sizing:border-box}
    .block-content{  width:95%}
    .toddlers-bg{ top:0}
    .content-img{ text-align:center}
    #robotics { background:#306aa7; margin-top:0 }
    #toddlers, #robotics, #birjumaharaj, #dance, #braincafe, #sports, #theatre, #sports .wrapper, #mogly{ height:auto}
    #top-head {width:76%; float:right; text-align:right; position: absolute;right:0px; }
    #top-head .top-nav{display: none;}
    .content-img { order: 1; } 
    .content-pnl    { order: 2; }
    .wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;  

        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;

        font-weight: bold;
        text-align: center;
    }



    .wrapper > * { 
        flex: 1 auto;
    }



    /* We tell all items to be 100% width */
    .content-pnl, .content-img {
        flex: 1 auto;
    }

    #header{
        height: auto;
    }    
    .wrapper .content-pnl-rgt p,
    .wrapper .content-pnl p,
    .content-pnl-rgt p,
    .content-pnl .block-content p{
        font-size: 12px;
        line-height: 16px;
        padding-top: 20px;
    }
    .know-more-sports a,
    .know-more-dance a,
    .know-more-robotics a,
    .know-more-toddlers a,
    .know-more-braincafe a,
    .know-more-theatre a{
        margin: 20px 0px;
    }

    .toddlers-bg{
        display: none;
    }
    #sports h2, #robotics h2, #toddlers h2, #dance h2, #braincafe h2, #theatre h2, #mogly h2{
        font-size: 22px;
        text-align: center;
    }
    #logo a img{
        width: 162px;
    }
    .menu {
        right: -5px;
        top: 13px;
        display:block;
        cursor:pointer;
    }
    .new-notice{
        font-size: 15px;
    }
    .hdr-top{
        padding-top: 54px;
    }
    #main-menu ul li a{
        text-align:left;
    }
    #main-menu ul ul{
        top: -17px;
        width: 80%;
        right: 0px;
    }
}

@media (max-width:479px) {
    #main-menu ul ul{
        top: -17px;
        width: 80%;
        right: -11px;
    }
    .new-notice{
        font-size: 11px;
    }
    #top-banner{ padding-top:99px}
    /*    .menu{ right:5px; top:-47px}*/
    #main-menu ul{ margin-right:12px; margin-top:60px}
    .top-nav{ text-align:center}
    /*    #header{ height:165px;}*/
    #logo{ text-align:center;width:45%; }
    #top-head {width:100%; padding:0px;}
    figure.banner { display:none;}
    .find-out { display:none;}
    .banner-content{ display:none;}
    .content-pnl{ width:100%; float:none;}
    h2 { font-size: 26px;text-align: center;}
    .block-content { width:100%; padding:0px 15px 0 60px;}
    #robotics { background:#306aa7; padding-top:20px; margin-top:0; overflow: hidden; }
    .content-img { float:inherit; margin-top: 20px; width: 100%; }
    .robotics-bg { display:none;}
    .hdr-top {
        padding-top: 44px;
    }
    .menu  {
        right: 5px;
        top:9px;
    }
}

@media (max-width:359px) {
    .top-nav{ text-align:center; margin-left:15px}
}