/*Screens Resolution above 320px  [Custome style]----------- */
@media only screen and (max-width : 319px){

    /*Header style*/
    .header-section:before{border-bottom: 4px solid #e88011;}
    .header-section:after{border-bottom: 4px solid #59aa47}
    .header-section .logo-wrap{width:80%;margin: 0 0 0 1.5%;padding: 0;}
    .logo-wrap h1{margin:12px 0 5px 0;padding: 0;font-size: 22px;}
    .logo-wrap .logo-img{width:70%;margin: 0 0 10px;}
    .logo-wrap h1 span{display: block;margin: 5px 0;}
    .header-social-wrap{display: none;}
    .xs-menu-icon-wrap{display: inline-block;width: 16%;float: right;margin: 20px 0 0;}
    .xs-menu-icon-wrap .fa{color: #e88011;font-size: 30px;font-weight: normal;}

    /*Navigation style starts*/  
    .nav-section{border-bottom: none;}
    #menu-wrap:after{background: none;}
    #menu-wrap>ul{width:100%;background: #efefef;}
    #menu-wrap>ul li#responsive-tab{display:block}
    #menu-wrap>ul li#responsive-tab a{}
    #menu-wrap>ul li#responsive-tab a:hover{}
    #menu-wrap > ul li{border-right: none;margin: 0 2%;padding: 16px 0;border-bottom: 1px solid #e88011;width: 96%;}
    #menu-wrap>ul li{display:none}
    #menu-wrap>ul li.right{float:none}
    #menu-wrap>ul li.has-sub{position:relative}
    #menu-wrap>ul li.has-sub ul{display:block;position:static;width:100%;background:#fff;border:0 none}
    #menu-wrap>ul li.has-sub ul li{display:block !important}
    #menu-wrap>ul li.has-sub ul li a span{display:block;padding-left:24px}
    #menu-wrap>ul li.has-sub>a{background-image:none}

    .xs-menu-icon-wrap{padding: 0 1.8%;margin:11px 0;text-align: right;}
    #menu-wrap .xs-nav-social-wrap a{display: inline-block;color: #e88011;margin: 0 5%;} 
    #menu-wrap .fa{font-size: 24px;color: #e88011;}
    #menu-wrap .xs-nav-social-wrap a:hover, #menu-wrap .xs-nav-social-wrap .fa:hover{color: #59aa47;}

    /*Ask page style starts*/
    .ask-section{width: 96%;margin: 0 2%;}
    .ask-section .ask-btn{font-size: 14px;margin: 0 0 15px;}
    .ask-block .ask-header-wrap h2 .ask-author{float: none!important;display: block;text-align: left;margin: 4px 0 0;font-size: 14px;}
    .ask-block .ask-content-wrap p{font-size: 14px;line-height: 18px;}

    /*Events page style starts*/
    /*    .event-section{width: 96%;margin: 0 2%;}
        .event-block .event-content-wrap p{font-size: 14px;line-height: 18px;}*/

    /* Vision Page Styles */
    .vision-section{width:96%;margin: 0 2%;}
    .vision-section p{font-size: 14px;}

    /*Footer style starts*/
    .upper-footer-section{padding: 0 1.5%;}
    .upper-footer-section .sign-up-wrap{width:100%;}
    .upper-footer-section .twitter-wrap{width: 100%;margin: 20px 0;}
    .twitter-wrap .heading{width: 90%;margin: 10px 5%;}
    .tweet-wrap{width: 90%;}
    .upper-footer-section .facebook-wrap{width: 100%;margin: 10px 0 10px;}
    .facebook-wrap .heading{margin: 0 5%;width: 90%;}
    .facebook-wrap iframe{width: 90%;margin: 0 5%;}
    .lower-footer-section{padding: 0 1.5%;}
    .lower-footer-section .copy-right{width: 100%;margin:5px 0;}
    .lower-footer-section .footer-nav-wrap{width: 100%;margin:5px 0 10px;text-align: left;}

    /*Act-now style starts*/
    .act-now-section{padding: 0;}
    .volunteer-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .volunteer-img-wrap{width: 100%;padding: 0;}
    .act-now-section .volunteer-img-wrap img{margin: 15px auto 0;}
    .act-now-section .volunteer-content-wrap{width: 100%;margin: 0;padding: 0;}
    .act-now-section .volunteer-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .volunteer-content-wrap p{text-align: justify;}
    .act-now-section .volunteer-content-wrap input[type="text"]{width: 100%;max-width: 400px;}
    .act-now-section .volunteer-content-wrap select{width: 100%;max-width: 400px;}
    .volunteer-content-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width: 100%;}
    .act-now-section .volunteer-content-wrap textarea{width: 100%;max-width: 400px;}
    .act-now-section .internship-img-wrap{width: 100%;padding: 0;}
    .act-now-section .internship-img-wrap img{margin: 15px auto 0;}

    .internship-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .internship-content-wrap{width: 100%;}
    .act-now-section .internship-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .internship-content-wrap .intern-description{text-align: justify;}

    .contact-us-section{width: 96%;margin: 0 2%;padding: 0;}
    .contact-us-btn-wrap{width: 100%;text-align: center;margin: 0 0 20px;}
    .contact-us-content-wrap dl dt{width: 100%;float: none;}
    .contact-us-content-wrap dl dd{width: 100%;float: none;}

    .social-media-list{margin: 10px 0 0;}

    /*News feed page style starts*/
    .news-feeds-section{width: 96%;margin: 0 2%;}
    .news-feeds-section .articals-block .artical-description, .opinion-block .opinion-description{padding: 0 1.5%;}

    .news-feeds-section .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .news-feeds-section .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}

    .news-feeds-section .search-wrp{max-width: 100%;width: 90%;}
    .news-feeds-section .search-wrp input[type="text"]{max-width:100%;width: 90%;}
    .news-feeds-section .search-wrp .fa{right:52px;}

    /*Home page style starts*/
    .home-tabs-wrap{width: 96%;margin: 0 2%;}
    .home-tabs-wrap .articals-block .artical-description, home-tabs-wrap .opinion-block .opinion-description{padding: 0 1.5%;}

    .home-tabs-wrap .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .home-tabs-wrap .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}

    /* Bio Page */
    .bio-info-left{display: block;width: 100%;}
    .bio-info-right{display: block;width: 100%;}
    .bio-image-left{display: block;width: 100%;}
    .bio-image-right{display: block;width: 100%;}
    .bio-wharton{ font-size: 12px;}
    .bio-professor{font-size: 12px; }
    .bio-mentor{font-size: 12px; }
    .bio-quintessential{font-size: 14px;} 
    .bio-quizzer{font-size: 10px;}

    /*Login-register form style*/
    .popup-form-wrap{max-width: 95%;max-height: 400px;float: none;clear: both;margin: 20px auto!important;overflow-y: auto;}
    .popup-form-wrap .login-wrap{display: block;width: 90%;padding: 0 0 15px;float: none;margin: 30px auto;border-right:none;border-bottom: 1px solid #d6d6d6;}
    .popup-form-wrap .login-wrap .login-inner-wrap{width: 100%;}
    .popup-form-wrap .register-wrap{display: block;width: 90%;float: none;margin: 30px auto;}
    .popup-form-wrap .register-inner-wrap{width: 100%;}
    .login-inner-wrap .social-media-wrap .fb-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .twitter-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .googlePlus-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap{margin: 0 0 20px;}

}

/*Screens Resolution above 320px upto 480px [Custome style]----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {

    /*Header style*/
    .header-section:before{border-bottom: 4px solid #e88011;}
    .header-section:after{border-bottom: 4px solid #59aa47}
    .header-section .logo-wrap{width:80%;margin: 0 0 0 1.5%;padding: 0;}
    .logo-wrap h1{margin:12px 0 5px 0;padding: 0;font-size: 22px;}
    .logo-wrap .logo-img{width:70%;margin: 0 0 10px;}
    .logo-wrap h1 span{display: block;margin: 5px 0;}
    .header-social-wrap{display: none;}
    .xs-menu-icon-wrap{display: inline-block;width: 16%;float: right;margin: 20px 0 0;}
    .xs-menu-icon-wrap .fa{color: #e88011;font-size: 30px;font-weight: normal;}

    /*Navigation style starts*/  
    .nav-section{border-bottom: none;}
    #menu-wrap:after{background: none;}
    #menu-wrap>ul{width:100%;background: #efefef;}
    #menu-wrap>ul li#responsive-tab{display:block}
    #menu-wrap>ul li#responsive-tab a{}
    #menu-wrap>ul li#responsive-tab a:hover{}
    #menu-wrap > ul li{border-right: none;margin: 0 2%;padding: 16px 0;border-bottom: 1px solid #e88011;width: 96%;}
    #menu-wrap>ul li{display:none}
    #menu-wrap>ul li.right{float:none}
    #menu-wrap>ul li.has-sub{position:relative}
    #menu-wrap>ul li.has-sub ul{display:block;position:static;width:100%;background:#fff;border:0 none}
    #menu-wrap>ul li.has-sub ul li{display:block !important}
    #menu-wrap>ul li.has-sub ul li a span{display:block;padding-left:24px}
    #menu-wrap>ul li.has-sub>a{background-image:none}

    .xs-menu-icon-wrap{padding: 0 1.8%;margin:11px 0;text-align: right;}
    #menu-wrap .xs-nav-social-wrap a{display: inline-block;color: #e88011;margin: 0 5%;} 
    #menu-wrap .fa{font-size: 24px;color: #e88011;}
    #menu-wrap .xs-nav-social-wrap a:hover, #menu-wrap .xs-nav-social-wrap .fa:hover{color: #59aa47;}

    /*Home page style starts*/
    .home-tabs-wrap{width: 96%;margin: 0 2%;}
    .home-tabs-wrap .articals-block .artical-description, home-tabs-wrap .opinion-block .opinion-description{padding: 0 1.5%;}

    .home-tabs-wrap .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .home-tabs-wrap .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}


    /*Ask page style starts*/
    .ask-section{width: 96%;margin: 0 2%;}
    .ask-section .ask-btn{font-size: 14px;margin: 0 0 15px;}
    .ask-block .ask-header-wrap h2 .ask-author{float: none!important;display: block;text-align: left;margin: 4px 0 0;font-size: 14px;}
    .ask-block .ask-content-wrap p{font-size: 14px;line-height: 18px;}

    /*Events page style starts*/
    /*    .event-section{width: 96%;margin: 0 2%;}
        .event-block .event-content-wrap p{font-size: 14px;line-height: 18px;}*/

    /* Vision Page Styles */
    .vision-section{width:96%;margin: 0 2%;}
    .vision-section p{font-size: 14px;}

    /*Act-now style starts*/
    .act-now-section{padding: 0;}
    .volunteer-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .volunteer-img-wrap{width: 100%;padding: 0;}
    .act-now-section .volunteer-img-wrap img{margin: 15px auto 0;}
    .act-now-section .volunteer-content-wrap{width: 100%;margin: 0;padding: 0;}
    .act-now-section .volunteer-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .volunteer-content-wrap p{text-align: justify;}
    .act-now-section .volunteer-content-wrap input[type="text"]{width: 100%;max-width: 400px;}
    .act-now-section .volunteer-content-wrap select{width: 100%;max-width: 400px;}
    .volunteer-content-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width: 100%;max-width: 400px;}
    .act-now-section .volunteer-content-wrap textarea{width: 100%;max-width: 400px;}
    .act-now-section .internship-img-wrap{width: 100%;padding: 0;}
    .act-now-section .internship-img-wrap img{margin: 15px auto 0;}

    .internship-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .internship-content-wrap{width: 100%;}
    .act-now-section .internship-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .internship-content-wrap .intern-description{text-align: justify;}

    .contact-us-section{width: 96%;margin: 0 2%;padding: 0;}
    .contact-us-btn-wrap{width: 100%;text-align: center;margin: 0 0 20px;}
    .contact-us-content-wrap dl dt{width: 100%;float: none;}
    .contact-us-content-wrap dl dd{width: 100%;float: none;}

    .social-media-list{margin: 10px 0 0;}

    /*Footer style starts*/
    .upper-footer-section{padding: 0 1.5%;}
    .upper-footer-section .sign-up-wrap{width:100%;}
    .upper-footer-section .twitter-wrap{width: 100%;margin: 20px 0;}
    .twitter-wrap .heading{width: 90%;margin: 10px 5%;}
    .tweet-wrap{width: 90%;}
    .upper-footer-section .facebook-wrap{width: 100%;margin: 10px 0 10px;}
    .facebook-wrap .heading{margin: 0 5%;width: 90%;}
    .facebook-wrap iframe{width: 90%;margin: 0 5%;}
    .lower-footer-section{padding: 0 1.5%;}
    .lower-footer-section .copy-right{width: 100%;margin:5px 0;}
    .lower-footer-section .footer-nav-wrap{width: 100%;margin:5px 0 10px;text-align: left;}

    /*News feed page style starts*/
    .news-feeds-section{width: 96%;margin: 0 2%;}
    .news-feeds-section .articals-block .artical-description, .opinion-block .opinion-description{padding: 0 1.5%;}

    .news-feeds-section .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .news-feeds-section .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}

    .news-feeds-section .search-wrp{max-width: 100%;width: 90%;}
    .news-feeds-section .search-wrp input[type="text"]{max-width:100%;width: 90%;}
    .news-feeds-section .search-wrp .fa{right:52px;}

    /* Bio Page */
    .bio-info-left{display: block;width: 100%;}
    .bio-info-right{display: block;width: 100%;}
    .bio-image-left{display: block;width: 100%;}
    .bio-image-right{display: block;width: 100%;}    
    .bio-wharton{ font-size: 12px;}
    .bio-professor{font-size: 12px; }
    .bio-mentor{font-size: 12px; }
    .bio-quintessential{font-size: 14px;} 
    .bio-quizzer{font-size: 10px;}

    /*Login-register form style*/
    .popup-form-wrap{max-width:95%;max-height: 400px;float: none;clear: both;margin: 20px auto!important;overflow-y: auto;}
    .popup-form-wrap .login-wrap{display: block;width: 90%;padding: 0 0 15px;float: none;margin: 30px auto;border-right:none;border-bottom: 1px solid #d6d6d6;}
    .popup-form-wrap .login-wrap .login-inner-wrap{width: 100%;}
    .popup-form-wrap .register-wrap{display: block;width: 90%;float: none;margin: 30px auto;}
    .popup-form-wrap .register-inner-wrap{width: 100%;}
    .login-inner-wrap .social-media-wrap .fb-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .twitter-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .googlePlus-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap{margin: 0 0 20px;}

}

/*Screens Resolution above 481px upto 680px [Custome style]----------- */
@media only screen 
and (min-width :481px) and (max-width :680px){
    /*Header style*/
    .header-section:before{border-bottom: 4px solid #e88011;}
    .header-section:after{border-bottom: 4px solid #59aa47}
    .header-section .logo-wrap{width:80%;margin: 0 0 0 1.5%;padding: 0;}
    .logo-wrap h1{margin:12px 0 5px 0;padding: 0;font-size: 25px;}
    .logo-wrap .logo-img{width:70%;margin: 0 0 10px;}
    .logo-img img{max-width: 100%;margin:0;float: none;}
    .header-social-wrap{display: none;}
    .xs-menu-icon-wrap{display: inline-block;width: 16%;float: right;margin: 20px 0 0;}
    .xs-menu-icon-wrap .fa{color: #e88011;font-size: 30px;font-weight: normal;}

    /*Navigation style starts*/  
    .nav-section{border-bottom: none;}
    #menu-wrap:after{background: none;}
    #menu-wrap>ul{width:100%;background: #efefef;}
    #menu-wrap>ul li#responsive-tab{display:block}
    #menu-wrap>ul li#responsive-tab a{}
    #menu-wrap>ul li#responsive-tab a:hover{}
    #menu-wrap > ul li{border-right: none;margin: 0 2%;padding: 16px 0;border-bottom: 1px solid #e88011;width: 96%;}
    #menu-wrap>ul li{display:none}
    #menu-wrap>ul li.right{float:none}
    #menu-wrap>ul li.has-sub{position:relative}
    #menu-wrap>ul li.has-sub ul{display:block;position:static;width:100%;background:#fff;border:0 none}
    #menu-wrap>ul li.has-sub ul li{display:block !important}
    #menu-wrap>ul li.has-sub ul li a span{display:block;padding-left:24px}
    #menu-wrap>ul li.has-sub>a{background-image:none}

    .xs-menu-icon-wrap{padding: 0 1.8%;margin:11px 0;text-align: right;}
    #menu-wrap .xs-nav-social-wrap a{display: inline-block;color: #e88011;margin: 0 6%;} 
    #menu-wrap .fa{font-size: 24px;color: #e88011;}
    #menu-wrap .xs-nav-social-wrap a:hover, #menu-wrap .xs-nav-social-wrap .fa:hover{color:#59aa47;}


    /*Ask page style starts*/
    .ask-section{width: 96%;margin: 0 2%;}
    .ask-section .ask-btn{font-size: 14px;margin: 0 0 15px;}
    .ask-block .ask-header-wrap h2 .ask-author{float: none!important;display: block;text-align: left;margin: 4px 0 0;font-size: 14px;}
    .ask-block .ask-content-wrap p{font-size: 14px;line-height: 18px;}

    /*Events page style starts*/
    /*    .event-section{width: 96%;margin: 0 2%;}
        .event-block .event-content-wrap p{font-size: 14px;line-height: 18px;}*/

    /* Vision Page Styles */
    .vision-section{width:96%;margin: 0 2%;}
    .vision-section p{font-size: 14px;}

    /*Footer style starts*/
    .upper-footer-section{padding: 0 1.5%;}
    .upper-footer-section .sign-up-wrap{width:100%;}
    .upper-footer-section .twitter-wrap{width: 100%;margin: 20px 0;}
    .twitter-wrap .heading{width: 90%;margin: 10px 5%;}
    .tweet-wrap{width: 90%;}
    .upper-footer-section .facebook-wrap{width: 100%;margin: 10px 0 10px;}
    .facebook-wrap .heading{margin: 0 5%;width: 90%;}
    .facebook-wrap iframe{width: 90%;margin: 0 5%;}
    .lower-footer-section{padding: 0 1.5%;}
    .lower-footer-section .copy-right{width: 100%;margin:5px 0;}
    .lower-footer-section .footer-nav-wrap{width: 100%;margin:5px 0 10px;text-align: left;}

    /*Act-now style starts*/
    .act-now-section{padding: 0;}
    .volunteer-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .volunteer-img-wrap{width: 100%;padding: 0;}
    .act-now-section .volunteer-img-wrap img{margin: 15px auto 0;}
    .act-now-section .volunteer-content-wrap{width: 100%;margin: 0;padding: 0;}
    .act-now-section .volunteer-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .volunteer-content-wrap p{text-align: justify;}
    .act-now-section .volunteer-content-wrap input[type="text"]{width: 100%;max-width: 400px;}
    .volunteer-content-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width: 100%;max-width: 400px;}
    .act-now-section .volunteer-content-wrap select{width: 100%;max-width: 400px;}
    .act-now-section .volunteer-content-wrap textarea{width: 100%;max-width: 400px;}
    .act-now-section .internship-img-wrap{width: 100%;padding: 0;}
    .act-now-section .internship-img-wrap img{margin: 15px auto 0;}

    .internship-section{width: 96%;margin: 0 2%;padding: 0;}
    .act-now-section .internship-content-wrap{width: 100%;}
    .act-now-section .internship-content-wrap h3{margin: 15px 0 10px;font-size: 18px;text-align: center;}
    .act-now-section .internship-content-wrap .intern-description{text-align: justify;}

    .contact-us-section{width: 96%;margin: 0 2%;padding: 0;}
    .contact-us-btn-wrap{width: 100%;text-align: center;margin: 0 0 20px;}
    .contact-us-content-wrap dl dt{width: 100%;float: none;}
    .contact-us-content-wrap dl dd{width: 100%;float: none;}

    .social-media-list{margin: 10px 0 0;}

    /*News feed page style starts*/
    .news-feeds-section{width: 96%;margin: 0 2%;}
    .news-feeds-section .articals-block .artical-description, .opinion-block .opinion-description{padding: 0 1.5%;}

    .news-feeds-section .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .news-feeds-section .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}

    /*Home page style starts*/
    .home-tabs-wrap{width: 96%;margin: 0 2%;}
    .home-tabs-wrap .articals-block .artical-description, home-tabs-wrap .opinion-block .opinion-description{padding: 0 1.5%;}

    .home-tabs-wrap .videos-wrap .video-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}
    .home-tabs-wrap .gallery-wrap .gallery-block{width: 80%;float: none;display: block;margin: 20px 10% 30px;padding: 0;}

    /* Bio Page */
    .bio-info-left{display: block;width: 100%;}
    .bio-info-right{display: block;width: 100%;}
    .bio-image-left{display: block;width: 100%;}
    .bio-image-right{display: block;width: 100%;}    
    .bio-wharton{ font-size: 15px;}
    .bio-professor{font-size: 15px; }
    .bio-mentor{font-size: 15px; }
    .bio-quintessential{font-size: 18px;} 
    .bio-quizzer{font-size: 16px;}

    /*Login-register form style*/
    .popup-form-wrap{max-width: 400px;max-height: 400px;float: none;clear: both;margin: 20px auto!important;overflow-y: auto;z-index: 99999;}
    .popup-form-wrap .login-wrap{display: block;width: 90%;padding: 0 0 15px;float: none;margin: 30px auto;border-right:none;border-bottom: 1px solid #d6d6d6;}
    .popup-form-wrap .login-wrap .login-inner-wrap{width: 100%;}
    .popup-form-wrap .register-wrap{display: block;width: 90%;float: none;margin: 30px auto;}
    .popup-form-wrap .register-inner-wrap{width: 100%;}
    .login-inner-wrap .social-media-wrap .fb-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .twitter-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .googlePlus-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap{margin: 0 0 20px;}

}


/*Screens Resolution above 681px upto 768px [Custome style]----------- */
@media only screen 
and (min-width :681px) and (max-width :768px){

    /*Header style*/
    .header-section:before{border-bottom: 4px solid #e88011;}
    .header-section:after{border-bottom: 4px solid #59aa47}
    .header-section .logo-wrap{width:80%;margin: 0 0 0 3%;padding: 0;}
    .logo-wrap h1{margin:12px 0 14px 0;padding: 0;font-size: 25px;}
    .logo-wrap .logo-img{width:70%;margin: 0 0 10px;}
    .logo-img img{max-width: 100%;margin:0;float: none;}
    .header-social-wrap{display: none;}
    .xs-menu-icon-wrap{display: inline-block;width: 16%;float: right;margin: 20px 0 0;}
    .xs-menu-icon-wrap .fa{color: #e88011;font-size: 30px;font-weight: normal;}

    /*Navigation style starts*/  
    .nav-section{border-bottom: none;}
    #menu-wrap:after{background: none;}
    #menu-wrap>ul{width:100%;background: #efefef;}
    #menu-wrap>ul li#responsive-tab{display:block}
    #menu-wrap>ul li#responsive-tab a{}
    #menu-wrap>ul li#responsive-tab a:hover{}
    #menu-wrap > ul li{border-right: none;margin: 0 2%;padding: 16px 0;border-bottom: 1px solid #e88011;width: 96%;}
    #menu-wrap>ul li{display:none}
    #menu-wrap>ul li.right{float:none}
    #menu-wrap>ul li.has-sub{position:relative}
    #menu-wrap>ul li.has-sub ul{display:block;position:static;width:100%;background:#fff;border:0 none}
    #menu-wrap>ul li.has-sub ul li{display:block !important}
    #menu-wrap>ul li.has-sub ul li a span{display:block;padding-left:24px}
    #menu-wrap>ul li.has-sub>a{background-image:none}

    .xs-menu-icon-wrap{padding: 0 1.8%;margin:11px 0;text-align: right;}
    #menu-wrap .xs-nav-social-wrap a{display: inline-block;color: #e88011;margin: 0 6%;} 
    #menu-wrap .fa{font-size: 24px;color: #e88011;}
    #menu-wrap .xs-nav-social-wrap a:hover, #menu-wrap .xs-nav-social-wrap .fa:hover{color:#59aa47;}


    /*Ask page style starts*/
    .ask-section{width: 97%;margin: 0 1.5%;}
    .volunteer-content-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width: 65%;max-width: 400px;}

    /*Vission page style*/ 
    .vision-wrap{padding: 0 1.5%;}

    /*Footer section style starts*/
    .upper-footer-section{padding: 0 1.5%}
    .upper-footer-section .sign-up-wrap{width: 80%;}
    .upper-footer-section .twitter-wrap{width: 50%;margin: 20px 0;}
    .upper-footer-section .facebook-wrap{width: 50%;margin: 20px 0;}
    .lower-footer-section{padding: 0 1.5%}

    /*Act now page style*/
    .act-now-section{width: 97%;margin: 0 1.5%;padding: 20px 0;}
    .act-now-section .volunteer-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}
    .act-now-section .volunteer-content-wrap input[type="text"]{width: 65%;}
    .act-now-section .volunteer-content-wrap select{width: 65%;}
    .act-now-section .volunteer-content-wrap textarea{width: 65%;}
    .act-now-section .internship-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}

    /*Events page style starts*/
    /*    .event-section{width: 97%;margin: 0 1.5%;}
        .event-block .event-content-wrap p{font-size: 14px;line-height: 18px;}*/

    /*News feed page style starts*/
    .news-feeds-section{width: 97%;margin: 0 1.5%;}
    .news-feeds-section .articals-block .artical-description, .opinion-block .opinion-description{padding: 0 1.5%;}

    .news-feeds-section .videos-wrap .video-block{width:45%;margin: 20px 2.5% 30px;padding: 0;}
    .news-feeds-section .gallery-wrap .gallery-block{width:45%;margin: 20px 2.5% 30px;padding: 0;}


    /*Home page style starts*/
    .home-tabs-wrap{width: 97%;margin: 0 1.5%;}
    .home-tabs-wrap .articals-block .artical-description, home-tabs-wrap .opinion-block .opinion-description{padding: 0 1.5%;}

    .home-tabs-wrap .videos-wrap .video-block{width:45%;margin: 20px 2.5% 30px;padding: 0;}
    .home-tabs-wrap .gallery-wrap .gallery-block{width: 45%;margin: 20px 2.5% 30px;padding: 0;}

    /*Login-register form style*/
    .popup-form-wrap{max-width: 400px;max-height: 400px;float: none;clear: both;margin: 0 auto!important;overflow-y: auto;}
    .popup-form-wrap .login-wrap{display: block;width: 90%;padding: 0 0 15px;float: none;margin: 30px auto;border-right:none;border-bottom: 1px solid #d6d6d6;}
    .popup-form-wrap .login-wrap .login-inner-wrap{width: 100%;}
    .popup-form-wrap .register-wrap{display: block;width: 90%;float: none;margin: 30px auto;}
    .popup-form-wrap .register-inner-wrap{width: 100%;}
    .login-inner-wrap .social-media-wrap .fb-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .twitter-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap .googlePlus-btn{font-size: 11px;}
    .login-inner-wrap .social-media-wrap{margin: 0 0 20px;}


}

@media only screen and (max-width: 768px) {

    /*News feed page style starts*/
    .news-feeds-section .resp-accordion{font-size: 16px;padding: 8px 10px;border-bottom:3px solid #59aa47;border-right: none;border-left: none;border-top: none;background: #f7f7f7;}
    .news-feeds-section .resp-accordion.resp-tab-active{border: none!important;}
    .news-feeds-section .resp-tab-active{font-size: 16px;padding: 8px 10px!important;}
    .news-feeds-section .resp-tabs-list{display: none;}
    .news-feeds-section .resp-accordion{display: block;}
    .news-feeds-section .resp-vtabs .resp-tab-content{border:none;}
    .news-feeds-section .resp-vtabs .resp-tabs-container{border: none;float: none;width: 100%;min-height: initial;clear: none;}
    .news-feeds-section .resp-accordion-closed{display:none !important;}
    .news-feeds-section .resp-vtabs .resp-tab-content:last-child{border:none!important;border-right: none;border-left: none;border-top: none;}
    .news-feeds-section .resp-accordion:first-child{border-bottom:3px solid #59aa47;border-right: none;border-left: none;border-top: none;}
    .news-feeds-section .opinion-wrap{border: none!important;}

    .news-feeds-section .gallery-img-block img{margin: 0 auto;}

    /*News feed page style starts*/
    .home-tabs-wrap .resp-accordion{font-size: 16px;padding: 8px 10px;border-bottom:3px solid #59aa47!important;border-right: none;border-left: none;border-top: none;background: #f7f7f7;}
    .home-tabs-wrap .resp-accordion.resp-tab-active{border: none!important;}
    .home-tabs-wrap .resp-tab-active{font-size: 16px;padding: 8px 10px!important;}
    .home-tabs-wrap .resp-tabs-list{display: none;}
    .home-tabs-wrap .resp-accordion{display: block;}
    .home-tabs-wrap .resp-vtabs .resp-tab-content{border:none;}
    .home-tabs-wrap .resp-vtabs .resp-tabs-container{border: none;float: none;width: 100%;min-height: initial;clear: none;}
    .home-tabs-wrap .resp-accordion-closed{display:none !important;}
    .home-tabs-wrap .resp-vtabs .resp-tab-content:last-child{border:none!important;}
    .home-tabs-wrap .resp-accordion:first-child{border:none;}
    .home-tabs-wrap .opinion-wrap{border: none!important;}

    /*Home page tabs style starts*/
    .home-tabs-section{width: 96%;margin: 0 2%;}
    .home-tabs-section .home-left-wrap{width: 100%;margin: 0;padding: 0;}
    .home-tabs-section .home-right-wrap{width: 100%;margin: 0;padding: 0;}
    .home-right-wrap .search-wrp{margin: 25px 0 0;}
    .home-right-wrap .survey-wrap{margin:0 0 30px;}

    /*Bio Page */
    .biography-banner-text{margin: 35px;}    
    .bio-info{font-size: 14px;}
    .bio-info-title{font-size: 13px;}

}



/*Bootstrap style @override*/
@media (min-width: 769px) and (max-width: 991px) {

    .container{width:100%;margin: 0;}
    .logo-wrap h1{margin:25px 0 15px;font-size: 26px;}
    .header-section{padding: 0 1.5%;}
    .header-section .header-social-wrap{margin: 23px 0 0;}
    #menu-wrap > ul{font-size: 13px;}
    #menu-wrap > ul li{padding: 4px 3%;}

    #menu-wrap>ul>li.collapsed{display:inline-block !important;*display:inline;zoom:1}
    #menu-wrap>ul ul li.collapsed{display:block !important}
    #menu-wrap > ul li.xs-nav-social-wrap{display: none!important;}

    /*Footer style starts*/
    .upper-footer-section{padding: 0 1.5%;}
    .sign-up-wrap h2:before, .sign-up-wrap h2:after{border: none;}
    .sign-up-wrap h2 small{display: block;position: relative;text-align: left;width: 100%;padding: 0 0 5px;}
    .sign-up-wrap h2 small:before{position: absolute;content: '';left: 0;bottom: 0;height: 2px;width: 31.34328358208955%;border:1px solid #e88011;}
    .sign-up-wrap h2 small:after{position: absolute;content: '';right: 0;bottom: 0;height: 2px;width: 67.65671641791045%;border:1px solid #59aa47;}
    .upper-footer-section .info-wrap{width: 100%;float: none!important;}
    .sign-up-wrap .bengaluru-ndy{margin: 10px 0;}
    .lower-footer-section{padding: 0 1.5%;}

    .tweet-wrap h2 small{position: static;display: block;text-align: left;margin: 5px 0 0;}

    /*Ask page style starts*/
    .ask-section{width: 97%;margin: 0 1.5%;}

    /*Vission page style*/ 
    .vision-wrap{padding: 0 1.5%;}

    /*Act now page style*/
    .act-now-section{width: 97%;margin: 0 1.5%;padding: 30px 0;}
    .act-now-section .volunteer-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}
    .act-now-section .internship-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}

    /*Events page style starts*/
    /*.event-section{width: 97%;margin: 0 1.5%;}*/

    /*News feed section style starts*/
    .news-feeds-section{width: 97%;margin: 0 1.5%;}

    /*Login-register form style*/
    .popup-form-wrap{max-width: 600px;max-height: 400px;float: none;clear: both;margin: 0 auto!important;overflow-y: auto;}
    .popup-form-wrap .login-wrap{display: block;width: 90%;padding: 0 0 15px;float: none;margin: 30px auto;border-right:none;border-bottom: 1px solid #d6d6d6;}
    .popup-form-wrap .register-wrap{display: block;width: 90%;float: none;margin: 30px auto;}

}

/*Bootstrap style @override*/
@media (min-width:992px) and (max-width:1199px) {

    #menu-wrap>ul>li.collapsed{display:inline-block !important;*display:inline;zoom:1}
    #menu-wrap>ul ul li.collapsed{display:block !important}
    #menu-wrap > ul li.xs-nav-social-wrap{display: none!important;}

    /*Ask page style starts*/
    .ask-section{width: 97%;margin: 0 1.5%;}

    /*Events page style starts*/
    /*.event-section{width: 97%;margin: 0 1.5%;}*/

    /*Vission page style*/ 
    .vision-wrap{padding: 0 1.5%;}

    /*Act now page style*/
    .act-now-section{width: 97%;margin: 0 1.5%;padding: 30px 0;}
    .act-now-section .volunteer-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}
    .act-now-section .internship-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}

    /*Footer section style starts*/
    .upper-footer-section, .lower-footer-section{padding:0 1.5%;}

    /*News feed section style starts*/
    .news-feeds-section{width: 97%;margin: 0 1.5%;}
}

/*Bootstrap style @override*/
@media (min-width:1200px) and (max-width:1280px) {

    #menu-wrap > ul li.xs-nav-social-wrap{display: none!important;}

    /*Ask page style starts*/
    .ask-section{width: 97%;margin: 0 1.5%;}

    /*Events page style starts*/
    /*.event-section{width: 97%;margin: 0 1.5%;}*/

    /*Vission page style*/ 
    .vision-wrap{padding: 0 1.5%!important;}

    /*Act now page style*/
    .act-now-section{width: 97%;margin: 0 1.5%;padding: 30px 0;}
    .act-now-section .volunteer-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}
    .act-now-section .internship-img-wrap img{max-width: 100%;margin: 0;padding: 10px;}

    /*News feed section style starts*/
    .news-feeds-section{width: 97%;margin: 0 1.5%;}

    /*Footer section style starts*/
    .upper-footer-section, .lower-footer-section{padding:0 1.5%;}

}


/*Bootstrap style @override*/
@media (min-width: 1200px) {

    /*Header style starts*/
    #menu-wrap>ul>li.collapsed{display:inline-block !important;*display:inline;zoom:1}
    #menu-wrap>ul ul li.collapsed{display:block !important}
    #menu-wrap > ul li.xs-nav-social-wrap{display: none!important;}

}