@media all and (min-width: 1131px){
    .share-span {
        margin-left: 5px;
    }
}

@media all and (max-width: 1130px) {


    /*-------homepage----------*/

    #intro iframe {
        display: none !important;
    }

    #main_nav ul li a {
        padding: 20px 31px;
    }

    #search {
        display: none;
    }

    #slider .container, 
    #slider {
        height: 355px;
    }

    #accountLinks {
        bottom: 33px;
        right: 12%;
    }

    .slideCaption {
        top:  100px;
        padding-bottom: 20px;
    }

    p.timeLeft {
        margin-top: 5%;
        margin-bottom: 0;
    }

    span.arrow-up {
        left: 50%;
    }

    .col-50 {	   
        width: 100%;
    }

    #intro .right {
        float: none;
    }

    .right img {
        width: 100%;
    }

    #introToggle div {	   
        margin-left: 1%;
        width: 95%;
    }

    .col-20, .col-33  {
        margin-left: 30px;
        width: 30%;
        margin-bottom: 4%;
    }

    .col-60 {
        width: 100%;
    }

    #bottom {
        width: 95%;
        margin: 0 auto;
    }

    #bottom .col-66 {
        width: 60%;
    }

    #bottom .right {
        float: left;
        margin-left: 4%;
    }

    .productsTagline h3 {
        font-size: 19px;
    }

    .productsTagline {
        width: 97%;
        margin:  0 auto;
    }

    #challenges .col-30 {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    /*----end of homepage----------*/



    /*---------challenges-----------*/

    .col-80 {
        width: 75%;
    }

    .col-25 {
        width: 33%;
    }

    .pCard .overlay .button {
        margin-left: -55px;
    }

    #pageTop {
        padding-left: 3%;
    }

    .col-75 {
        width: 80%;
    }

    /*----end of challenges-----------*/



    /*-----------blog----------------*/

    .dashboard .col-75 {
        float: right;
        width: 64%;
    }

    a.featuredThumbnail img {
        width: 100%;
    }

    /*------end of blog----------------*/



    .darkgray {
        font-size: 28px;
    } 

    aside #main_nav ul li a i {
        display: inline;
        float: left;
    }

    aside #main_nav {
        width: 120%;
        margin: 0;
    }

    aside #main_nav ul li a {
        color: #666;
        display: block;
        margin-bottom: 5px;
        height: auto;
        border: none;
        padding: 0;
    }

    aside #main_nav ul ul {
        font-size: 12px;
        margin: 0 0 10px 5px;
        padding: 0 !important;
    }

    header #main_nav {
        margin-left: 40px;
    }

    #products .col-20:nth-child(4),
    #products .col-20:nth-child(5) {
        display: none;
    }

    #challenges h2, 
    #challenges p.mb-30 {
        padding-left: 30px
    }

    #challenges .col-60, #latest .col-60 {
        width: 60%;
    }

    #content #pageTop .col-25 h1 {
        padding-bottom: 2%;
    }

    p.timeLeft {
        margin-bottom: 8%;
    }

    #content .col-70.single-product {
        width: 65%;
        margin-left: 2%;
    }

    #content h1.darkgray {
        margin-left: 2%;
    }

    body.product p.loc {
        right: 25%;
        top: 21px;
    }

    .ngoDetails .col-33 {
        margin-left: 0;
    }

    .accountDashboard h1, 
    .accountDashboard p {
        margin-left: 3.5%;
    }

    form.styled textarea {
        width: 70%;
    }

    .accountDashboard .button.medium {
        margin-left: 2%;
    }

    aside #main_nav .fa-arrow-down {
        display: none;
    }

    #how img.mb-30 {
        width: 100%;
    }

    #how #stepsHolder .step {
        padding-right: 2%;
    }

    #why .container #leftBox p {
        padding: 0 6% 0 6%;
    }

    #howDo p {
        width: 90%;
    }

    #howDo .col-60 {
        width: 60%;
    }

    #faq .col-50 {
        width: 50%;
    }

    footer .right img {
        width: auto;
    }

    .teamMember img {
        width: 100%;
    }

    footer {
        padding: 50px 25px 40px;
    }

    footer .col-20 {
        display: none;
    }

    footer .col-50 {
        width: 70%;
    }

    footer .copyrights {
        width: 95%;
    }

    #partners .owl-carousel .owl-item {
        margin-left: 64px;
    }

    .slideCaption {
        padding-bottom: 20px;
        top: 50px;
        left: 69%;
    }

    #slider .button.yellow {
        margin-top: 30px;
    }

    #slogan h1 {
        padding-top: 3%;
        font-size: 23px;
    }

    #intro iframe {
        width: 998px;
        margin-left: 1%;
        height: 600px;
    }

    form.styled fieldset label {
        width: auto !important;
    }

    #content .create img.mt-50, 
    .create .col-pad .mb-20  {
        width: 100% !important;
    }

    .create .col-50 .col-pad {
        padding: 20px;
    }

    .single-product img.alignnone, 
    .single-product .col-pad .gallery img {
        width: 100% !important;
        height: auto !important;
    }

    body.products.view div.loc, 
    body.challenges.view div.loc, 
    body.products.fund div.loc {
        display: none !important;
    }

}

@media all and (max-width: 1050px){
    #main_nav ul li a{
        padding:20px!important;
    }
}

@media all and (max-width:930px){
    header .social {
        display: none;
    }
    #accountLinks{
        right:10px;
    }
}


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

	#latest #solvers{
		margin-top:30px;
	}
	#latest .col-70, #latest .col-30{
		width:100%;
	}
	#latest .col-20{
		margin-left:20px;
		margin-right: 20px;
	}

    /*-------homepage----------*/

    #main_nav {
        width: 395px;
        margin-left: 40px;
    }

    #main_nav ul li a {
        padding: 20px;
    }

    #logo img {
        margin: 2% 0 0 10%;
    }

    #slider .container, 
    #slider {
        height: 265px;
    }

    #accountLinks {
        bottom: 30px;
        right: 0;
    }

    .slideCaption {
        top:  35px;
        padding-bottom: 20px;
    }

    .slideCaption a.button {
        top: 155px;
    }

    .slideCaption a.button:hover {
        top: 156px;
    }

    p.timeLeft {
        margin-top: 5%;
        margin-bottom: 0;
    }

    span.arrow-up {
        left: 50%;
    }

    .col-50 {	   
        width: 100%;
    }

    #intro .right {
        float: none;
    }

    .right img {
        width: 100%;
    }

    #introToggle div {	   
        margin-left: 1%;
        width: 95%;
    }

    .col-20, .col-33  {
        margin-left: 30px;
        width: 45%;
        margin-bottom: 4%;
    }

    .col-60 {
        width: 100%;
    }

    #bottom {
        width: 95%;
        margin: 0 auto;
    }

    #bottom .col-66 {
        width: 60%;
    }

    #bottom .right {
        float: left;
        margin-left: 4%;
    }

    .productsTagline h3 {
        font-size: 18px;
    }

    .productsTagline {
        width: 97%;
        margin:  0 auto;
    }

    #challenges .col-30 {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    h2.title {
        font-size: 25px;
        padding-left: 4%;
    }

    .mb-30 {
        padding-left: 4%;
    }

    .button.medium {
        font-size: 14px;
        padding: 5px 19px;
    }

    .slideCaption {
        left: 4%;
        width: 60%;
    }

    #slogan h1 {
        font-size: 20px;
    }

    .pCard .img, .pCard .img img {
        width: 100%;	
    }

    .col-70.single-product {
        padding-left: 2%;
        width: 65%;
    }

    .col-20.mt-20 {
        width: 30%;
        margin: 0 2% 0 1%;
    }

    .col-20.mt-20 .avatar {
        height: 145px;
    }

    aside.dashboardLinks > ul {
        padding-left: 15px;
    }

    aside.col-20 {
        margin: 0;
        padding-right: 4%;
        width: 21% !important;
    }

    form.styled textarea {
        width: 69%;
    }

    #content aside.dashboardLinks {
        display: block;
    }

    header #main_nav ul li a {
        padding: 20px;
    }

    #products .col-20:nth-child(3), 
    #challenges .col-33:nth-child(3) {
        display: none;
    }

    .button.medium {
        font-size: 10px;
        padding: 5px 19px;
    }

    .productsTagline h3 {
        font-size: 18px;
        margin-left: 2%;
    }

    #content #pageTop .col-25 {
        width: 100%;
    }

    #content #pageTop .col-25 h1 {
        padding-bottom: 2%;
    }

    .col-25 {
        width: 50%;
    }

    .productsTagline {
        margin: 0 auto 8% 0;
        width: 97%;
        padding-left: 19px;
    }

    .button.medium {
        display: block;
        font-size: 16px;
        margin: 1% 36% 0 0;
        padding: 10px 19px;
    }

    #content .col-70.single-product {
        margin: 0;
    }

    #content h1.darkgray {
        margin-left: 2%;
    }

    body.product p.loc {
        right: 2%;
        top: 21px;
    }

    .pOverview span.large {
        display: inline-block;
        font-size: 17px;
        font-weight: 600;
        margin-right: 4px;
    }

    p.timeLeft {
        margin-bottom: 8%;
    }

    .pOverview p.timeLeft span.large {
        font-size: 17px;
    }

    .ngoDetails .col-33 {
        margin-left: 0;
    }

    #content .blog #pageTop .col-25 h1 {
        text-align: center;
    }

    #content .blog #pageTop .col-75 {
        margin-right: 32%;
    }

    .col-20.mt-20 .avatar {
        margin-left: 8%;
    }

    form.styled input[type="text"], 
    form.styled textarea {
        width: 100%;
    }

    .button.medium {
        float: left;
        padding: 10px 13px;
        margin-bottom: 2%;
    }

    aside #main_nav .fa-arrow-down {
        display: none;
    }

    footer .col-20 {
        display: none;
    }

    footer .col-15 {
        width: 20%;
    }

    footer .col-50 {
        width: 60%;
    }

    #about div.left .item h2 {
        font-size: 24px;
    }

    #about #demo .item p {
        font-size: 14px;
    }

    #how img.mb-30 {
        width: 90%;
    }

    #how .col-25 {
        width: 34%;
    }

    ul.aboutNav {
        display: none !important;
    }

    #faq .col-50 {
        width: 100%;
    }

    #faq .left ul.responsive-accordion {
        padding: 0 3% 0 3%;
    }

    #partners .owl-carousel .owl-item {
        margin-left: 0;
    }

    #partners #owl-demo .owl-controls .owl-buttons .owl-prev {
        top: 42%;
        left: 3%;
    } 

    #partners #owl-demo .owl-controls .owl-buttons .owl-next {
        top: 42%;
        right: 3%;
    }

    #partners .button.medium {
        margin-left: 40%;
    }

    #intro iframe {
        height: 500px;
        margin-left: 1%;
        width: 750px;
    }
}

@media all and (max-width: 835px){
    .onclick-menu {
        position: relative;
        display: inline-block;
    }
    .onclick-menu:before {
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 2em;
        color: #b2b2b2;
        line-height:1em;
    }
    .onclick-menu:focus {
        /* clicking on label should toggle the menu */
        pointer-events: none;
    }
    .onclick-menu:focus .onclick-menu-content {
        /*  opacity is 1 in opened state (see below) */
        opacity: 1;
        visibility: visible;

        /* don't let pointer-events affect descendant elements */
        pointer-events: auto;
    }
    .onclick-menu-content {
        position: absolute;
        z-index: 999999;
        background: #fff;
        border-radius: 0 0 5px 5px;
        padding: 10px 10px 0 10px;
        width: 160px;

        /* use opacity to fake immediate toggle */
        opacity: 0;
        visibility: hidden;
        transition: visibility 0.5s;
    }

    header #main_nav ul li {
        float: none;
        margin-bottom: 7%;
    }

    header #main_nav ul li a i, header #main_nav ul li a img {
        display: inline-block!important;
        margin-right: 5px!important;
        margin-bottom: 0!important;
        height: 20px !important;
        width: 20px;
        text-align: center;
    }

    header #main_nav ul li a {
        border: none;
        color: #666;
        display: block;
        font-size: 14px !important;
        height: auto;
        padding: 0;
        text-align: center;
        padding: 10px !important;
    }

    header #main_nav ul li a i {
        font-size: 14px !important;
    }

    header #main_nav ul li a:hover {
        background: none;
        border: none;
    }

    header #main_nav ul li:last-child a {
        border: none;
    }

    #accountLinks {
        bottom: 30px;
        right: 10px;
    }

    #main_nav {
        font-size: 16px;
        margin-left: 40px;
        margin-top: 35px;
        width: 195px;
    }

    header #top ul.lang {
        position: absolute;
        right: 15px;
        top: 0;
    }

    aside .onclick-menu:before {
        content: "Settings";
    }

    aside #main_nav {
        position: absolute;
        right: 40px;
        text-align: right;
        top: 10%;
        width: 40%;
        font-weight: bold;
    }

    aside #main_nav .fa-arrow-down {
        margin-left: 2%;
        display: inline-block;
    }

    aside #main_nav ul li a {
        text-align: left;
        padding: 5px;
    }

    #main_nav ul li a i {
        margin: 5px 0 0 0;
    }

    aside #main_nav ul li a i {
        display: inline-block;
    }

    section#content {
        position: relative;
    }

    aside .onclick-menu-content {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cdcdcd;
        top: 40px;
        width: 226px;
        left: -5%;
    }

    aside #main_nav ul li:hover, 
    aside #main_nav ul li.active {
        background: none;
    }

    header #main_nav {
        margin-left: 40px;
        width: auto;
    }

    body.inner header #main_nav ul li.active a, body.inner header #main_nav ul li:hover a {
        height: auto !important;
    }
}

@media all and (max-width: 640px) {


    /*----------homepage------------*/

    #slider .container, #slider {
        height: 220px;
    }

    .slideCaption {
        display: none;
    }

    #bottom .col-66 {
        border: medium none;
        width: 94%;
    }


    #bottom .right {
        float: left;
        margin-left: 0;
        margin-bottom: 4%;
    }

    /*----end of homepage------------*/



    /*---------challenges-----------*/

    #pageTop .col-75 {
        width: 95%;
    }

    #pageTop .col-25 {
        width: 48%;
        margin-bottom: 2%;
    }

    aside.col-20 {
        display: none;
    }

    .col-80 {
        width: 100%;
    }

    .col-80 .col-25 {
        margin-left: 2%;
        width: 48%;
    }

    .challenges #intro {
        margin-top: 10%;
    }

    /*----end of challenges-----------*/


    /*---------blog------------*/

    .blogPost {
        padding: 5px 30px;
    }

    .dashboard #pageTop .col-25 {
        width: 35%;
    }

    .dashboard #pageTop .col-75 {
        width: 60%;
    }
    /*--------end of blog------*/


    .postBody p, .postBody h1,
    .postBody h2, .postBody ol, 
    .postBody h3, .postBody ul {
        padding: 0 0 0 20px;
    }

    .col-70.single-product {
        width: 100%;
        padding: 0;
    }

    .col-70.single-product .col-pad {
        padding-left: 2%;
        padding-right: 0;
    }

    .darkgray {
        font-size: 28px;
        padding-left: 10px;
    }

    body.product p.by {
        display: inline-block;
        margin-left: 13px;
    }

    body.product p.loc {
        left: 23%;
        position: absolute;
        top: 60px;
    }

    aside.col-30 {
        margin: 3% 0 0 2%;
        width: 95%;
    }


    /*--------nav-----------*/

    .onclick-menu {
        position: relative;
        display: inline-block;
    }
    .onclick-menu:before {
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 2em;
        color: #b2b2b2;
        line-height:1em;
    }
    .onclick-menu:focus {
        /* clicking on label should toggle the menu */
        pointer-events: none;
    }
    .onclick-menu:focus .onclick-menu-content {
        /*  opacity is 1 in opened state (see below) */
        opacity: 1;
        visibility: visible;

        /* don't let pointer-events affect descendant elements */
        pointer-events: auto;
    }
    .onclick-menu-content {
        position: absolute;
        z-index: 999999;
        background: #fff;
        border-radius: 0 0 5px 5px;
        padding: 10px 10px 0 10px;
        width: 160px;

        /* use opacity to fake immediate toggle */
        opacity: 0;
        visibility: hidden;
        transition: visibility 0.5s;
    }

    header #main_nav ul li {
        float: none;
        margin-bottom: 7%;
    }

    header #main_nav ul li a i, header #main_nav ul li a img {
        display: inline-block!important;
		margin-right: 5px!important;
		margin-bottom: 0!important;
        height: 20px !important;
		width: 20px;
		text-align: center;
    }

    header #main_nav ul li a {
        border: none;
        color: #666;
        display: block;
        font-size: 14px !important;
        height: auto;
        padding: 0;
        text-align: center;
    }

    header #main_nav ul li a:hover {
        background: none;
        border: none;
    }

    header #main_nav ul li:last-child a {
        border: none;
    }

    #accountLinks {
        bottom: 30px;
        right: 10px;
    }

    #main_nav {
        font-size: 16px;
        margin-left: 40px;
        margin-top: 35px;
        width: 195px;
    }

    header #top ul.lang {
        position: absolute;
        right: 15px;
        top: 0;
    }
	
	header .dashboardDropdown {
		/*top:170%!important;*/
		left: 50%;
		transform: translate(-50%,0);
	}

    aside .onclick-menu:before {
        content: "Settings";
    }

    aside #main_nav {
        position: absolute;
        right: 40px;
        text-align: right;
        top: 10%;
        width: 40%;
        font-weight: bold;
    }

    aside #main_nav .fa-arrow-down {
        margin-left: 2%;
        display: inline-block;
    }

    aside #main_nav ul li a {
        text-align: left;
        padding: 5px;
    }

    #main_nav ul li a i {
        margin: 5px 0 0 0;
    }

    aside #main_nav ul li a i {
        display: inline-block;
    }

    section#content {
        position: relative;
    }

    aside .onclick-menu-content {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cdcdcd;
        width: 226px;
        left: 50%;
		transform: translate(-50%, 0);
    }

    aside #main_nav ul li:hover, 
    aside #main_nav ul li.active {
        background: none;
    }

    header #main_nav {
        margin-left: 40px;
        width: auto;
    }

    body.inner header #main_nav ul li.active a, body.inner header #main_nav ul li:hover a {
        height: auto !important;
    }

    .productsTagline h3 {
        font-size: 18px;
        margin-left: 0px;
        text-align: center;
        padding: 0;
    }

    .productsTagline a.button {
        display: inline-block;
        float: none;
        font-size: 19px;
        margin: 0 0 0 30%;
    }

    #content .col-70.single-product {
        margin-top: 10px;
    }

    .single-product h3,
    .single-product .mb-20, 
    .single-product .brainstorming,
    .rewards,
    .project-by {
        display: none;
    }

    .mobile-rewards,
    .mobile-rewards h3,
    .mobile-project-by {
        display: block;
    }

    .mobile-gallery {
        display: block;
        height: auto;
        margin-top: 20px;
    }
    .mobile-gallery .bx-pager {
        display: none;
    }
    .mobile-gallery .bx-wrapper {
        height: auto;
        margin-bottom: 0;
    }

    #newsletter {
        width: 90%;
    }

    #bottom #latestBlog {
        border-bottom: 1px dashed #eee;
        margin-bottom: 6%;
    }

    #content .col-70.single-product {
        width: 100%;
    }

    #content h1.darkgray {
        margin-left: 0;
    }

    p.timeLeft {
        margin-bottom: 4%;
        margin-top: 2%;
    }

    #content .blog #pageTop .col-75 {
        margin-right: 26%;
    }

    #partners .container i.fa {
        font-size: 110px;
    }

    .col-30 {
        width: 55%;
    }

    #how img.mb-30 {
        width: 90%;
    }

    #howDo {
        text-align: center;
    }

    #partners .owl-controls .owl-buttons .owl-prev {
        top: 40% !important;
        left: 4% !important;
    }

    #partners .owl-controls .owl-buttons .owl-next {
        top: 40% !important;
        right: 4% !important;
    }

    #stepsHolder .col-30, 
    #stepsHolder .step:nth-child(2) {
        width: 83%;
        padding: 0 !important;
        margin-left: 6% !important;
    }

    #howDo .imgLeft {
        width: 100% !important;
    }

    #why #leftBox p {
        padding: 0 6% 0 6%;
    }

    .teamMember {
        padding-right: 2%;
        margin-left: 19%;
        margin-top: 4%;
        margin-bottom: 6%;
    }

    #faq .right ul.responsive-accordion,
    #faq .left ul.responsive-accordion {
        padding: 0 4%;
    }

    footer .col-15 {
        width: 27%;
        margin-left: 4%;
    }

    footer .copyrights p {
        float: none;
        margin: 5px auto 20px !important;
        text-align: center;
    }

    footer .copyrights p.right {
        margin-bottom: 0 !important;
    }

    footer .col-50, 
    #team p {
        /*display: none;*/
    }

    #partners .button.medium {
        margin-left: 39%;
    }

    #howDo p {
        width: 100%;
    }

    #howDo .col-60 {
        margin-right: 20%;
        width: 60%;
    }

    #intro iframe {
        height: 400px;
        margin-left: 1%;
        width: 625px;
    }

    .container.wallet .col-pad, 
    .fund .col-pad {
            padding: 0 2% 0 20px;
        }

        aside.col-20 {
            margin: 0 0 0 22px;
        }

        .dashboardDropdown {
            left: 50%;
			transform: translate(-50%,0);
        }

        .editProfile .col-75 {
            width: 60%;
        }

        .editProfile .col-20.mt-20 {
            margin: 0 2% 0 1%;
            width: 22%;
        }

        .fund .float-shadow {
            display: block;
            margin: 2% 0 3% 4%;
        }

        #slogan h1 {
            font-size: 150% !important;
            padding-top: 0 !important;
        }

        footer .col-15 {
            margin-right: 0%;
        } 

        #content .create img.mt-50 {
            width: 100% !important;
        }

    }




    @media all and (max-width: 480px) {


        /*------------homepage-------------*/

        .slideCaption {
            display: none;
        }

        #bottom .col-66 {
            border: medium none;
            width: 94%;
        }


        #bottom .right {
            float: left;
            margin-left: 0;
            margin-bottom: 4%;
        }

        #slider .container, #slider {
            height: 167px;
        }

        .col-20, .col-33 {
            width: 92%;
            margin-bottom: 7%;
        }


        /*-----------end of homepage-----------*/

        .col-80 .col-25 {
            margin-left: 17px;
            width: 95%;
        }

        .challenges #intro {
            margin-top: 10%;
        }

        /*----end of challenges-----------*/




        /*---------------blog--------------*/

        .blogPost h2, .postBody h2.title {
            font-size: 22px;
        }

        .dashboard #pageTop h1 {
            font-size: 20px;
        }

        ul.blogCates li {
            margin-left: 0;
        }

        /*-----------end of blog------------*/


        .postBody p, .postBody h1,
        .postBody h2, .postBody ol, 
        .postBody h3, .postBody ul {
            padding: 0 0 0 20px;
        }

        body.product p.loc {
            left: 32%;
            position: absolute;
            top: 105px;
        }	

        form.styled input[type="text"] { 
            width: 100%;
        }

        header #main_nav {
                margin-left: 30px;
                width: auto;
        }

        aside .onclick-menu-content {
            left: -28%;
        }

        #newsletter {
            width: 90%;
        }

        #bottom #latestBlog {
            border-bottom: 1px dashed #eee;
            margin-bottom: 6%;
        }

        .productsTagline {
            padding-left: 10px;
        }

        .productsTagline h3 {
            text-align: center;
            padding: 0;
        }

        .productsTagline a.button {
            display: inline-block;
            float: none;
            margin: 0 0 0 24%;
        }

        #content .blog #pageTop .col-75 {
            margin-right: 22%;
        }

        #partners .button.medium {
            margin-left: 35%;
            display: block;
            margin-right: 0;
        }

        #intro iframe {
            height: 400px;
            margin-left: 1%;
            width: 470px;
        }

        /*#about img.left {
                display: none;
        }*/

        .editProfile .col-75 {
            width: 97%;
            margin-top: 12%;
        }

        .editProfile .button.medium {
            margin-bottom: 10%; 
        }

    }

    @media all and (max-width: 410px) {

        .swal2-actions button {
            font-size: 0.8em !important;
        }

        #slider .container, #slider {
            height: 125px;
        }

        .col-20, .col-33 {
            margin-bottom: 7%;
            width: 88%;
        }

        h2.title, .mb-30 {
            padding-left: 8%;
        }

        span.arrow-down, span.arrow-up {
            left: 46%;
        }

        .challenges #intro {
            margin-top: 25%;
        }

        .dashboard #pageTop .col-25 {
            width: 46%;
        }

        .dashboard #pageTop .col-75 {
            float: left;
            width: 83%;
        }

        body.product p.loc {
            left: 43%;
            position: absolute;
            top: 105px;
        }
/*
        header #top ul.lang {
            display: none;
        }
*/
        header {
            height: 175px;
        }

        #logo {
            clear: both;
            float: left;
            padding-top: 10px;
            text-align: center;
            width: 100%;
        }

        #logo img {
            margin: 0;
        }

        header #main_nav {
            font-size: 16px;
            /* margin-left: -1px; */
            margin-top: 12px;
            text-align: center;
            width: 100%;
            margin: 0!important;
        }

        #accountLinks {
            min-width: 210px;
            margin-bottom: 10px;
            bottom: -85%;
            right: 50%;
            -webkit-transform: translate(50%,0);
            -moz-transform: translate(50%,0);
            transform: translate(50%,0);
        }

        .onclick-menu-content {
			left: 50%;
			transform: translate(-50%, 0);
            border-radius: 5px;
        }

        #main_nav ul li a {
            text-align: center;
        }

        .dashboard .col-75 {
            width: 98%;
        }

        .col-20.mt-20 {
            width: 55%;
        }

        form.styled input[type="text"] {
            width: 100%;
        }

        form button.right {
            float: none;
            width: 100%;
        }

        aside .onclick-menu-content {
            right: 0;
        }

        aside .onclick-menu-content {
            left: -85%;
        }

        #newsletter {
            width: 90%;
        }

        #bottom #latestBlog {
            border-bottom: 1px dashed #eee;
            margin-bottom: 10%;
        }

        .productsTagline h3 {
            text-align: center;
            padding: 0;
        }

        .productsTagline a.button {
            display: inline-block;
            float: none;
            margin: 0 0 0 15%;
        }

        #content .blog #pageTop .col-75 {
            margin-left: 6%;
            margin-right: 0;
        }

        aside #main_nav {
            right: 33px;
            top: 8%;
        }

        #partners .button.medium {
            display: block;
            margin-left: 27%;
            margin-right: 0;
        }

        #intro iframe {
            height: 300px;
            margin-left: 1%;
            width: 340px;
        }

        #accountLinks.isuser {
            position: static;
            transform: none;
            text-align: center;
            clear:both;
        }

        #accountLinks.isuser .dashboardDropdown {
			text-align: left;
            top: 154px !important;
        }

        #slogan h1 {
            padding-top: 0 !important;
        }

        footer .col-15 {
            margin-right: 10%;
        }

        footer .right img {
            width: 100%;
        }

    }




    @media all and (max-width: 320px) {

        #slider .container, #slider {
            height: 112px;
        }

        .col-50 {
            width: 100%;
        }

        .right img {
            margin-left: 0;
            width: 100%;
        }

        .col-20, .col-33 {
            margin-bottom: 7%;
            width: 88%;
        }

        h2.title, .mb-30 {
            padding-left: 8%;
        }

        span.arrow-down, span.arrow-up {
            left: 46%;
        }

        .dashboard #pageTop .col-75 {
            width: 91%;
        }

        body.product p.loc {
            left: 48%;
        }

        #slogan h1 {
            font-style: italic;
            padding-top: 20px;
        }

        aside .onclick-menu-content {
            width: 155%;
            left: -85%;
        }

        #newsletter {
            width: 90%;
        }

        #bottom #latestBlog {
            border-bottom: 1px dashed #eee;
            margin-bottom: 10%;
        }

        .productsTagline {
            padding-left: 0;
        }

        .productsTagline a.button {
            display: inline-block;
            float: none;
            margin: 0 0 0 10%;
        }

        #content .blog #pageTop .col-75 {
            margin-right: 18%;
        }

        #accountLinks {
            right: 80px;
        }

        .seperator {
            width: 280px !important; 
        }

        #intro iframe {
            height: 200px;
            margin-left: 1%;
            width: 310px;
        }

        #accountLinks.isuser {
            right: 140px;
            top: 140px;
        }

        form.styled fieldset label {
            width: 80% !important;
        }

    }



    /*-----------------modifications--------------------*/