@media only screen and (min-width: 200px) and (max-width: 980px)
{

    h2
    {
        font-size: 22px;
        margin: 20px 0px;
    }

    .pc-only
    {
        display: none;
    }

    .mobile-only
    {
        display: block;
    }

    a:hover
    {
        text-decoration: none;
    }

    a.more {
        text-align: right;
        display: block;
        font-weight:bold;
    }

    input
    {
        /*-webkit-appearance: none;*/
        outline: none;
    }
    select{
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/ddl-pointer.png) #fff no-repeat;
        background-position: 96% center;
    }

    .dropdown-menu-shadow {
        background-color: black;
        left: 0px;
        top: 44px;
        opacity: 0.5;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 4;
        display: none;
    }
    
    body
    {
        font-size: 13px;
    }

    section panel
    {
        min-width: 300px;
        width: 94%;
        max-width: 94%;
        position: relative;
        padding: 0px;
    }
    main {
        /*margin-top: 42px;*/
    }
    
    #sharer-popup {
        /*padding: 10px;*/
    }
    
    #sharer-popup .x-close-btn{
        right: 2px;
    }
        #sharer-popup .holder{
            width: 200px;
        }
    .PDFDocument{
        display: none;
    }
    #navbar
    {
        min-height: 42px;
        height: 42px;
        border-bottom: 1px solid #79d244;
    }

        #navbar panel
        {
            top: 9px;
            padding: 0px;
        }

        #navbar .nav-menu-btn
        {
            /*background: url(../images/mobile/menu-btn.png) no-repeat center;
            background-size: 100% 100%;*/
            position: absolute;
            left: 0px;
            display: block;
            top: -3px;
            color: #fff;
            font-size: 20px;
        }

            #navbar .nav-menu-btn.open
            {
                background-image: url(../images/mobile/menu-close-btn.png);
                background-size: contain;
            }

        #navbar .logo
        {
            width: 145px;
            height:auto;
            margin: 0px auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
        }

        #navbar login-panel
        {
            float: none;
            position: absolute;
            right: 0px;
            top: 0px;
        }
        #navbar login-panel.loggedIn{
            top: 0px;
        }
        
            #navbar login-panel > a
            {
                margin: 0px;
                font-size: 14px;
            }
            #navbar login-panel > a.nav-btn{
                display: inline-block;
                margin-left: 7px;
                position: relative;
                top: 3px;
            }
            #navbar login-panel > a.nav-btn.pc-only{
                display: none;
            }
            #navbar login-panel .signup-btn{
                color: #79d244;
                text-transform: uppercase;
                font-weight: normal;
            }
        #navbar .infl-status{
            padding: 0px 0px 0px 5px;
            border-radius: 0px;
            background: none;
        }
        #navbar .infl-status span.challenges {
            display: none;
        }
        #navbar .infl-status .challenges-count {
            padding-right: 8px;
            padding-left: 8px;
            position:relative;
            top: 1px;  
            right: 0px;
        }
        #infl-bg-helper{
            z-index: 1;
            position: fixed;
            top: 33px;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.5;
        }
        .infl-wrapper{
            width: 100%;
            right: 0px;
            top: 49px;
        }
        .infl-wrapper .fa-caret-up{
            top: -14px;
            left: auto;
            right: 40px;
            font-size: 20px;
        }
        .challenges-direct-link{
            display: none;
        }
        #navbar .user-menu-btn
        {
            position: absolute;
            right: 0px;
            width: 21px;
            height: 23px;
            top: -1px;
            display: none;
            background: url(../images/mobile/user-menu-btn.png) no-repeat center;
            background-size: 100% 100%;
        }

        #navbar .nav-drop-down-menu {
            display: none;
            position: absolute;
            z-index: 5;
            top: 33px;            
            width: 180px;
            overflow: hidden;
        }
        #navbar .nav-drop-down-menu ul{
            list-style: none;
            padding: 0px;
            margin: 0px;            
        }
            #navbar .nav-drop-down-menu ul li {
                list-style: none;
                padding: 0px;
                margin: 0px;
                border-top: 1px solid #4c4c4c;
            }
            
            #navbar .nav-drop-down-menu.user-menu {
                width: 140px;
                height: 247px;
            }

            #navbar .nav-drop-down-menu .main-menu a {
                display: block;
                padding: 15px 20px;
                position: relative;
            }
            #navbar .nav-drop-down-menu .main-menu a .fa{
                position: absolute;
                right: 15px;
                top: 19px;
                font-size: 0.85em;                
            }
            #navbar .nav-drop-down-menu.user-menu ul{
                width: 100%;
            }
                 #navbar .nav-drop-down-menu.user-menu ul li{
                     padding: 15px 0px 15px 10px;
                 }
            #navbar .nav-drop-down-menu ul li .submenu {
                background: #4a4a4a;
                font-style: italic;
                font-weight: 200;
                overflow: hidden;
            }
            #navbar .nav-drop-down-menu .main-menu .submenu li {
                border-color: #3e3e3e;
            }
            #navbar .nav-drop-down-menu .main-menu .submenu li:first-child {
                border-top: none;
            }
                #navbar .nav-drop-down-menu .main-menu .submenu a{
                    padding-left: 30px;
                }
        #navbar .navigation-menu {
            background-color: #3e3e3e;
            left: -10px;
        }

            #navbar .navigation-menu a.current {
                background-color: #444;
            }

        #navbar .user-menu {
            display: none;
            right: -10px;
            background: #333;
        }

            #navbar .user-menu .user-name {
                font-weight: bold;
                background: #3e3e3e;
            }

            #navbar .user-menu .menu-btn {
                font-size: 13px;
            }

    /***Cmmon Form***/
    .common-form, .common-form .lbl{
        font-size: 14px;
    }
    .common-form input[type=text], 
    .common-form input[type=email], 
    .common-form input[type=password]{
        height: 30px;
        box-shadow: none;
        outline: none;
        font-size: 14px;
    }
    .common-form .error{
        font-size: 0.95em;
    }
    
    .common-form select{
        height: 36px;
        text-indent: 2%;
    }
    .common-form .row .tooltip-btn {
        position: relative;
        right: auto !important;
        top: auto;
    }
        .common-form .row .tooltip-btn .tooltip{
            position: relative;
            right: auto;
            top: auto;
            width: 100%;
            border: none;
            background: none;
            display: block;
            font-size: 0.95em;
            font-weight: 600;
            padding: 0;
        }
    .statistics
    {
        height: auto;
    }

        .statistics panel
        {
            padding: 15px 0px;
            text-align: center;
            width:100%;
        }

            .statistics panel > div
            {
                float: none;
                display: inline-block;
                margin: 0px 7px 0px 0px;
                text-align: left;
            }

                .statistics panel > div:nth-child(3)
                {
                    margin-right:0px;
                }

                #numbers panel > div:nth-child(n+4)
                {
                    display: none;
                }

        .statistics div.number
        {
            font-size: 22px;
            font-weight:bold;
        }

        .statistics div.description
        {
            width:85px;
        }

    #about-OC {
        background: #fff;
        padding: 15px 0 10px;
        border-bottom: 4px solid #e6e6e6;
    }

        #about-OC h3
        {
            font-size: 1.1em;
            font-weight: normal;
            text-align: left;
            margin: 0px 0px 10px;
            color: #08668c;
        }

        #about-OC .btn.video:before
        {
            content: "";
            padding-bottom: 50%;
            display: block;
        }

        #about-OC .btn.video
        {
            background: url(../images/video-btn.jpg) no-repeat;
            background-size: contain;
            min-height: 154px;
            display: block;
            margin: 0px;
        }

        #about-OC .news
        {
            width: 99%;
            margin: 15px auto 0;
            color: #8d8d8d;
        }
        #about-OC .news .more{
            display: none;
        }

        #about-OC .news-box
        {
            margin-bottom: 12px;
        }

            #about-OC .news-box .header
            {
                color: #0199da;
            }

            #about-OC .news-box .short-info
            {
                display: none;
            }

    #portfolio panel, #aboutus panel, #howtoinvest panel, #education panel{
        padding: 10px 0px 0;
    }

    #portfolio panel .cards{
        margin-top: 20px;
    }
    .case-study {
        padding: 15px 0px;
        margin: 0px auto;
        width: 100%;
    }
        .case-study .card{
            padding: 12px;
        }
        .case-study .card .left{
            float: none;
            width: 100%;
        }
            .case-study .card .badge{
                height: 45px;
            }
            .case-study .card .badge .text{
                padding-top: 9px;
            }
        .case-study .card .logo{
            padding-bottom: 5px;
            margin-bottom: 8px;
        }
            .case-study .card .logo img{
                width: 100px;
                height: 100%;
            }
            .case-study .card .logo .text{
                margin-left: 18px;
            }
            .case-study .card iframe{
                float: none;
                margin: 12px auto;
                width: 100%;
				min-height:240px;
            }
            .case-study .card .learn-more{
                text-align: right;
            }
#howtoinvest {
	border-bottom: 3px solid #e5e5e5;
	border-top: 3px solid #e5e5e5;
}
#howtoinvest panel {
	padding:40px 0px 30px;
}
    #howtoinvest .subtitle{
        width: 80%;
        margin: 3px auto 16px;
    }
        #howtoinvest .investment-method:before{
            content: '';
            padding-bottom: 17%;
            display: block;
        }
        #howtoinvest .investment-method{
            display:block;
            width: 100%;
            min-height: 52px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height:auto;
			padding:0px;
        }
        #howtoinvest .investment-method * {
	        display: none;
	    }
        #howtoinvest .inner-layout{
            display: block;
            width:auto;
        }
        #howtoinvest .portfolio-reserve{
            background-image: url(../images/mobile/pr-method-btn.png);
        }
        #howtoinvest .automate-portfolio{
            background-image: url(../images/mobile/auto-pr-method-btn.png);
        }
        #howtoinvest .oc-btn{
            margin-top: 20px;
            padding: 6px 8px;
            font-size: 15px;
            display: block;
            font-weight:400;
        }
        #howtoinvest .oc-btn .content.paper-button {
	        margin:0px;
        }
        
        #howtoinvest .request-tour{
            margin: 10px 0px 12px;
        }
    #aboutus{}
        #aboutus panel{
            padding-bottom: 30px;
        }
        #aboutus panel .info{
            margin: 0px auto;
            width: 90%;
            max-width: 450px;
        }

    #members{
        padding: 25px 0px;
        background: #e7e7e7;
        float: none;
width:auto;
    margin-top: 0px;
    }
        #members .member{
            text-align: center;
            font-size:auto;
        }
            #members .member img{
                width: 33%;
                float:none;
                text-align:center;
                margin-right:0px;
            }
            #members .member .role{
                font-size: 1.1em;
                margin: 3px 0px 8px;
            }
            #members .member .info{
                text-align: left;
            }
            #members .more{
                margin-top: 10px;
            }
            paper-dialog.memberPopup {
        width: 80%;
        top:40px;
    }

    #header {
        padding-top: 20px;
    }
    #header panel {
        padding: 0px 10px;
    }

    .paper-dialog-scrollable-0 .scrollable.paper-dialog-scrollable{
        overflow: auto;
    }
    paper-dialog.memberPopup #scrollable {
        max-height: 300px;
    }
    #education{
        border-bottom: 3px solid #e5e5e5;
    }
        #education .subtitle{
            margin: 0px auto 20px;
        }
    #featured panel{
        padding: 18px 0 10px;
    }
    #featured panel > div {
	    width:100%;
	 }
        #featured .subtitle{
            margin: 0px auto 20px;
        }
        #featured div img{
            width: 100%;
            height: 100%;
        }
        #newsletter .subtitle{
            margin: 0px auto 20px;
            background: url(../images/mobile/newsletter.png) no-repeat left center;
            background-size: contain;
            height: 22px;
			    width: auto;
    padding-left: 60px;
			line-height: 20px;
			text-align:left;
        }
        #newsletter form{
            display: block;
            width: 80%;
            margin: 0px auto;
        }
            #newsletter form input[type=text],#newsletter form input[type=email] {
                width:97%;
                margin-bottom: 10px;
            }
        #newsletter .clear-btn {
	        float:right;
        }

    .cards{
        height: auto;
        padding: 0px;
    }
    .cards > .card {
        margin: 0 auto 16px;
        width: 90%;
        float: none;
        min-height: 190px;
    }
    .cards > .card:nth-child(3n){
        margin-right: auto;
    }
    .cards > .card img{
        border-bottom: none;
    }

    .cards .more{
        margin: 0px auto;
        width: 90%;
        float:none;
        
    }

	#footer panel {
		padding:0px 10px 20px 0px;
	}
	#footer div {
		margin: 15px auto;
        width: 80%;
	}
	#disclaimer {
		
	}
	
    #navbar login-panel.loggedIn paper-button {
        min-width:0px;
        margin:auto;
	}
        #navbar login-panel.loggedIn paper-button span {
            display: none;
        }
        
    #navbar login-panel.loggedIn .paper-button.content {
        padding: 3px;
    }


    #content {
        width: 100%;
    }
	#content section {
		margin-bottom:5px;
	}
        
	#content.split div section > panel {
		width:90%;
        padding: 15px 10px;
        max-width:90%;
	}
	
    #content.split div section > panel {
        width:auto;
    }
	.login-menu {
		right:-10px;
		}

    #Sharer {
        width: 200px;
    }
        #Sharer .close-popup {
            position:absolute;
            right:0px;
        }
    #Sharer .Holder {
        width: auto;
    }
    #Sharer .Holder a {
        width: 75px;
        height: 75px;
        background-size: 300px 75px;
    }
    #Sharer .Holder a.Gmail{
        background-position: 0px 0px;
    }
    #Sharer .Holder a.Yahoo{
        background-position: -75px 0px;
    }
    #Sharer .Holder a.Outlook{
        background-position: -150px 0px;
    }
    #Sharer .Holder a.Mailto{
        background-position: -225px 0px;
    }

    .CMS {
        line-height: 1.7em;
    }
    .CMS .left {
        float:none;
    }
    .CMS .right {
        float:none;
    }
    .CMS .col {
        width:100%;
    }
    .signup-approved-popup{
        max-width: 100%;
    }
    .signup-approved-popup paper-button.x-close-btn{
        display: none;
    }
    .signup-approved-popup h4{
        padding-right: 10px;
        padding-left: 10px;
    }
    .signup-approved-popup .header{
        padding-right: 7%;
        padding-left: 7%;
        width: 86%;
    }
    .signup-approved-popup .login-summary{
        padding-right: 10px;
        padding-left: 10px;
    }
}

/*Feature images on small screens*/
@media only screen and (min-width: 200px) and (max-width: 700px){
    #featured panel div div {
        margin: 0px 0px 20px;
        width: 50%;
        flex-basis: inherit;
        flex: inherit;
        display: block;
        float: left;
    }
}