﻿@-ms-viewport { 
    width: device-width;
}

 

@font-face {
    font-family: "SegoeUISemibold";
    font-style: normal;
    font-weight: 600;
    src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("//i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");
    ;
}

@font-face {
    font-family: 'SegoeUILight';
    src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot");
    src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.svg#web") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SegoeUI";
    src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot");
    src: url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "segoe_ui_bold";
    src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot");
    src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*Action Plan start*/

.second-level.sub-nav-social .subnav-item.word {
    background: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/navigation_sprite_blue.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.second-level.sub-nav-social .subnav-item.onenote {
    background: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/navigation_sprite_blue.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.second-level.sub-nav-social .subnav-item.pdf {
    background: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/navigation_sprite_blue.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.sub-nav .container.subnav-social-list {
    padding-left: 10%;
}
/*Action Plan end*/

.footer-search-container.col-md-6 .search-box-wrapper .search-input {
    border: 1px solid;
}

.full-sub-nav, .tab-header {
    display: none;
}

.dsk-tab-view {
    display: block;
}

.mobile-view {
    display: none!important;
}

.windows8 {
    position: absolute;
    width: 90px;
    height: 90px;
}

    .windows8 .wBall {
        position: absolute;
        width: 86px;
        height: 86px;
        opacity: 0;
        -moz-transform: rotate(225deg);
        -moz-animation: orbit 7.15s infinite;
        -webkit-transform: rotate(225deg);
        -webkit-animation: orbit 7.15s infinite;
        -ms-transform: rotate(225deg);
        -ms-animation: orbit 7.15s infinite;
        -o-transform: rotate(225deg);
        -o-animation: orbit 7.15s infinite;
        transform: rotate(225deg);
        animation: orbit 7.15s infinite;
    }

        .windows8 .wBall .wInnerBall {
            position: absolute;
            width: 11px;
            height: 11px;
            background: #FFF;
            left: 0;
            top: 0;
            -moz-border-radius: 11px;
            -webkit-border-radius: 11px;
            -ms-border-radius: 11px;
            -o-border-radius: 11px;
            border-radius: 11px;
        }

    .windows8 #wBall_1 {
        -moz-animation-delay: 1.56s;
        -webkit-animation-delay: 1.56s;
        -ms-animation-delay: 1.56s;
        -o-animation-delay: 1.56s;
        animation-delay: 1.56s;
    }

    .windows8 #wBall_2 {
        -moz-animation-delay: .31s;
        -webkit-animation-delay: .31s;
        -ms-animation-delay: .31s;
        -o-animation-delay: .31s;
        animation-delay: .31s;
    }

    .windows8 #wBall_3 {
        -moz-animation-delay: .62s;
        -webkit-animation-delay: .62s;
        -ms-animation-delay: .62s;
        -o-animation-delay: .62s;
        animation-delay: .62s;
    }

    .windows8 #wBall_4 {
        -moz-animation-delay: .94s;
        -webkit-animation-delay: .94s;
        -ms-animation-delay: .94s;
        -o-animation-delay: .94s;
        animation-delay: .94s;
    }

    .windows8 #wBall_5 {
        -moz-animation-delay: 1.25s;
        -webkit-animation-delay: 1.25s;
        -ms-animation-delay: 1.25s;
        -o-animation-delay: 1.25s;
        animation-delay: 1.25s;
    }

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    100%,76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    100%,76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    100%,76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0%;

{
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
}

7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0;
}

30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
}

39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
}

70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
}

75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
}

100%, 76% {
    opacity: 0;
    -o-transform: rotate(900deg);
}

}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    100%,76% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

/* 24th changes  */
@media (min-width:0) and (max-width:1180px) {

    /*Action plan*/

    .sub-nav .container.subnav-social-list {
        padding-left: 1%;
    }
    /*Action plan end*/
    .main-container .header-nav-conatiner .main-secondary-wrapper span.link-right-arrow {
        background: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_down.png") no-repeat scroll 10px 9px rgba(0, 0, 0, 0) !important;
        display: inline-block;
        height: 20px;
        width: 11px;
    }

    #tablet-mobile-mainnav .tab-nav-subnav-list li a.see-all-prgms-mob-tab {
        font-size: 16px !important;
    }
}

@media (min-width:0px) and (max-width:370px) {

    .subnav-social-list .subnav-item {
        padding-bottom: 36px;
    }
}

@media (min-width:0px) and (max-width:1180px) {
    #tablet-mobile-mainnav .tab-nav-subnav-list li a span.static-link-right-arrow {
        background-image: url("/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_right.png");
        background-position: 2px 7px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 11px;
    }
}

@media (min-width:0px) and (max-width:767px) {
    .tabnav-right-arrow {
        background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/right-arrow.png);
        width: 11px;
        height: 11px;
        background-repeat: no-repeat;
        margin-left: 12px;
        display: inline-block;
    }
    .search-box-wrapper {
    margin-left: 0% !important; 
    }
}
/* 24th changes  ends */

header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0!important;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
}

header #header-nav > ul.nav li.dropdown.open .sub-nav.dropdown-menu {
    padding-bottom: 20px!important;
}

.footer-nav-links li a {
    font-size: 16px!important;
    color: #505050 !important;
}

    .footer-nav-links li a:hover {
        
        text-decoration: underline;
    }

.col-md-4.footer-links {
    width: 42.33%!important;
    margin-top: 34px!important;
    margin-left: -40px!important;
}

.col-md-6.footer-search-container {
    margin-top: 32px;
}

.footer-search-container.col-md-6 .social-connect .twitter {
    float: left;
    margin-right: 0;
}

.footer-wrapper .row.main-footer {
    padding: 0 15px;
}

a.twitter_link, a.twitter_link:hover
{
background: url('/about/philanthropies/youthspark/youthsparkhub/images/icons/twitter-hover.png') no-repeat left top;
width:38px;
height:38px;
display:block;
margin-left: 38px;
}

a.twitter_link:hover
{
background: url('/about/philanthropies/youthspark/youthsparkhub/images/icons/twitter.png') no-repeat left top;
}
.twitter_hidden
{
position:absolute;
text-indent:-10000px;
}





/*footer .social-connect .twitter {
    background: url(/about/philanthropies/youthspark/youthsparkhub/images/icons/twitter-hover.png);
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    float: left;
}
footer .social-connect .twitter:hover {
    background: url(/about/philanthropies/youthspark/youthsparkhub/images/icons/twitter.png);
}
*/

.footer-search-container.col-md-6 .social-connect {
    float: left;
}

.box-legal {
    overflow: hidden;
    width: 100%;
}

    .box-legal > ul {
        list-style-type: none;
        margin-top: 30px;
    }

    .box-legal li {
        float: left;
        margin-right: 10px;
    }

    .box-legal a {
        color: #505050;
        font: 14px 'SegoeUILight','SegoeUI';
    }
    .box-legal a:hover{
        text-decoration: underline;
    }

header #header-nav, header #header-nav .nav li a {
    text-decoration: none;
}

    header #header-nav, header #header-nav .nav li a:hover {
        color: #0CF!important;
        text-decoration: none;
    }

        header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a {
            color: #58595B!important;
        }

            header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a:hover {
                color: #0CF!important;
            }

            header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a span.static-link-right-arrow {
                background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_right.png);
                background-position: 5px 12px;
                background-repeat: no-repeat;
                display: inline-block;
                width: 12px;
            }
 .ie header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a span.static-link-right-arrow {
                background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_right.png);
                background-position: 5px 10px !important;
                background-repeat: no-repeat;
                display: inline-block;
                width: 12px;
            }

            header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a:hover span.static-link-right-arrow {
                background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/right-arrow-blue-nav.png);
                background-position: 5px 12px;
                background-repeat: no-repeat;
                display: inline-block;
                width: 12px;
            }

            header #header-nav .sub-nav.dropdown-menu.main-secondary-wrapper li a:hover span {
                background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/down-arrow.png);
            }

        header #header-nav .nav li.default-color a, header #header-nav .nav li.open a {
            /*color: #0CF!important;*/
            color: #505050!important;
        }
.pills-header-links img{
	padding-left:6px;
}
		header #header-nav .nav li.default-color a:hover, header #header-nav .nav li.open a:hover {
            text-decoration: underline !important;
        }
#header-nav .nav .dropdown .dropdown-menu .subnav-list li a {
    color: #58595B!important;
}

header #header-nav, header #header-nav .nav .dropdown .dropdown-menu .subnav-list li a:hover {
    color: #0CF!important;
}

 header #header-nav, header #header-nav .nav li a {
        color: #505050!important;
    }

        header #header-nav .navbar-nav .pills-header-links {
            font: 24px 'SegoeUILight', 'SegoeUI';
            font-weight: 100;
            color: #00ccff;
            /* font-size: 24px; */
            line-height: 18px !important;
            display:inline-block;
            /* remove padding-right: 0 if images move outside anchor tag */
			 padding-right: 0;
        }

.navbar-nav .open .pills-header-links {
    background-color: none!important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff!important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff!important;
}


 header #header-nav ul li img {
    margin-top: 0px;
    margin-left: 0px;
}

.search-box-wrapper {
    float: left;
        margin-left: 9%;
}

    .search-box-wrapper .seach-icon {
        margin-top: 0!important;
        cursor: pointer;
    }

.get-started-head .dropdown-menu li {
    float: left;
    padding-right: 70px;
}

.get-started-head .container {
    margin-top: 20px;
}

    .get-started-head .container li a, .get-started-head .container li a:focus, .get-started-head .container li a:hover {
        color: #0cf;
        font: 20px 'SegoeUILight','SegoeUI';
        font-weight: 100;
        text-decoration: none;
    }

.second-level {
    display: block;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

    .second-level .subnav-social-list {
        margin-top: 0!important;
    }

.subnav-social-list .subnav-item {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.first-level .main-secondary-wrapper {
    min-height: 100px;
}

.first-level.open .dropdown-menu .dropdown-submenu {
    position: relative!important;
}

.second-level .subnav-social-list .subnav-item {
    padding-right: 20px;
}

.second-level .subnav-social-list {
    margin-left: -10%!important;
}

.second-level.sub-nav-social .subnav-item.facebook {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/Fb.png) no-repeat;
}

.second-level.sub-nav-social .subnav-item.twitter {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/Twitter.png) no-repeat;
}

.second-level.sub-nav-social .subnav-item.p-interest {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/Pintrest.png) no-repeat;
}

.second-level.sub-nav-social .subnav-item.linked-in {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/LinkeIn.png) no-repeat;
}

.second-level.sub-nav-social .subnav-item.redit {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/Reddit.png) no-repeat;
}

.second-level.sub-nav-social .subnav-item.email {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/cyan-share/email.png) no-repeat;
}

.browse-prgms-header, .get-started-right, .whats-goingon-header {
    margin-right: 44px!important;
}

.largeText {
    font-size: 20px!important;
}

.mission-statement-block {
    margin-top: 20px;
    width: 100%;
}

.full-sub-nav-with-close .mission-statement-block {
    margin-top: 0;
}

.mission-statement-block h4 {
    /*color: #01BCEF;*/
    color: #505050;
    float: left;
    font: 12px/16px 'SegoeUILight','SegoeUI';
    font-weight: 100;
    text-align: justify;
    width: 240px;
}

.mission-logo_icon {
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/mission_statement_logo.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    padding-bottom: 18px;
    padding-left: 45px;
    margin-left: -40px;
}

.logo-container.left-logo {
    overflow: hidden;
    height: 80px;
}

    .logo-container.left-logo .img-logo-container {
        display: inline;
        position: relative;
    }

.filter-program-icon {
    margin-left: 6%;
    display: none;
}

div.main-container div.container div header nav div.col-md-11 {
    width: 87.666667%;
}

div.main-container div.container div header nav div.close-container.col-md-1.right-logo {
    width: 11.5%;
}

header.full-sub-nav-with-close .logo-container.right-logo {
    margin-right: 11.7%!important;
}

.logo-container.right-logo.microsoft-right-logo {
    margin-top: -53px;
    margin-right: 0;
}

.main-secondary-wrapper .link-right-arrow {
    width: 11px;
    height: 20px;
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_down.png);
    background-repeat: no-repeat;
    background-position: 0 9px;
    display: inline-block;
    margin-left: 5px;
}

.main-secondary-wrapper .link-right-arrow-click {
    background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/down-arrow.png);
    width: 11px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 9px!important;
    display: inline-block;
    padding: 0;
    margin-left: 5px;
}

#tablet-mobile-mainnav .main-secondary-wrapper .link-right-arrow {
    width: 24px;
    height: 20px;
    background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/980_link_arrow_down.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    display: inline-block;
}

#tablet-mobile-mainnav .main-secondary-wrapper .link-right-arrow-click {
    background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/down-arrow.png);
    background-position: 10px 9px!important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    padding: 0;
    width: 25px;
}

header #header-nav .nav-pills .sub-nav.dropdown-menu.main-secondary-wrapper .openDrop a {
    color: #0CF!important;
}

.mobile-view, .tab-view {
    display: none;
}
header .logo-container.right-logo{
    margin-right:7%;
    margin-top:-60px;
}


@media (min-width:768px) and (max-width:1180px) {
    /*.full-sub-nav, .tab-header {
        display: block!important;
    }*/

    .navbar.navbar-default.tab-nav {
        display: none;
    }

    /*.container .navbar.navbar-default.nav-pills.navbar-fixed-top.hidden-header-container.header-toggle.new-small-sub-nav, .navbar-fixed-top, .small-header-nav-desktop {
        display: none!important;
    }*/

    header .sub-nav.dropdown-menu .subnav-list.last-row-ul {
        padding-left: 1%;
        margin: 0;
        margin-top: 20px;
    }

    #header-nav ul .openDrop li {
        padding-right: 20px!important;
    }
}

@media (min-width:990px) and (max-width:1023px) {
    header .subnav-list.last-row-ul {
        padding-left: 3%!important;
        margin: 0!important;
    }
}

@media (min-width:768px) and (max-width:1180px) {
    .tab-view {
        display: block;
    }

    .mobile-view {
        display: none;
    }

    .tab-header .tab-nav #tablet-mobile-mainnav .navbar-nav .tab-nav-link .tab-nav-subnav-list .subnav-list li.dropdown-submenu.dropdown.tab-nav-subnav-item a.pills {
        color: #000!important;
    }

    .tab-header .navbar.navbar-default.tab-nav {
        margin-bottom: 0;
    }

    .main-container .container.header-nav-conatiner {
        padding: 0;
        width: 100%;
    }

    .tab-nav-link.dropdown.get-started-head .sub-nav.dropdown-menu.main-secondary-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

        .tab-nav-link.dropdown.get-started-head .sub-nav.dropdown-menu.main-secondary-wrapper .get-start-first-container {
            padding: 0;
        }

    .tab-nav-link.dropdown.get-started-head.first-level .sub-nav.main-secondary-wrapper {
        min-height: 80px;
    }

    .tab-nav-link.dropdown.get-started-head .main-secondary-wrapper.dropdown-menu li {
        padding-right: 20px;
    }

    .main-container .container {
        width: 100%!important;
    }

    .tab-nav-dropdown .tablet-navs-links-container {
        margin-bottom: 0!important;
    }

    #tablet-mobile-mainnav .tab-nav-link span.tabnav-down-arrow {
        margin-left: 15px;
    }

    .tab-header {
        padding-top: 0;
        height: auto;
    }

    #tablet-mobile-mainnav {
        display: block;
    }

    #tablet-mobile-mainnav, .container-fluid.tab-nav-container {
        padding: 0!important;
    }

    .navbar-default.tab-nav {
        background: 0 0;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }

    .tab-nav .tab-nav-link a.dropdown-toggle, .tab-nav .tab-nav-link a.dropdown-toggle:focus, .tab-nav .tab-nav-link a.dropdown-toggle:hover {
        background-color: #00bcf2;
        font: 100 20px 'SegoeUILight','SegoeUI';
        color: #fff;
        outline: 0;
        text-decoration: none;
    }

    .dropdown.tab-nav-link.open .dropdown-menu.tab-nav-dropdown .container {
        margin-top: 0;
    }

    .first-level.get-started-right.open .sub-nav.dropdown-menu.main-secondary-wrapper .container {
        margin: 0;
    }

    .tab-nav-link.dropdown.get-started-head.first-level.get-started-right.open .sub-nav.dropdown-menu.main-secondary-wrapper {
        width: 100%;
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link a.dropdown-toggle, .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link a.the-latest-link {
        background-color: #00bcf2;
        font: 100 20px 'SegoeUILight','SegoeUI';
        color: #fff;
        outline: 0;
        text-decoration: none;
    }

    #tablet-mobile-mainnav .nav.navbar-nav, #tablet-mobile-mainnav .nav.navbar-nav .tab-nav-link {
        width: 100%;
        margin: 0;
    }

    .tabnav-down-arrow {
        background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/career_dropdown_caret.png);
        width: 11px;
        height: 7px;
        display: inline-block;
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link.open a.pills.dropdown-toggle.togglelink {
        background: none!important;
        color: #000;
        font: 100 20px 'SegoeUILight','SegoeUI';
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link.open a.dropdown-toggle {
        background: #0072c6!important;
    }

    .tab-nav-link {
        border-bottom: 1px solid #fff;
    }

        .dropdown-menu.tab-nav-dropdown, .tab-nav-link .sub-nav.dropdown-menu.main-secondary-wrapper {
            position: relative;
        }

            .dropdown-menu.tab-nav-dropdown, .dropdown-menu.tab-nav-dropdown .container {
                width: 100%;
                padding: 0;
            }

    .tab-nav-subnav-list .tab-nav-subnav-item .sub-nav.dropdown-menu.second-level .subnav-social-list {
        list-style-type: none;
    }

    .tab-nav-subnav-item.openDrop .sub-nav.dropdown-menu.second-level {
        width: auto;
        position: relative;
    }

        .tab-nav-subnav-item.openDrop .sub-nav.dropdown-menu.second-level .container.subnav-social-list {
            width: auto;
            margin-left: 0!important;
        }

    .tab-nav-subnav-list {
        width: 50%;
        float: left;
        padding-left: 0;
        border-right: 1px solid #6dc2e9;
        list-style-type: none;
    }

        .tab-nav-subnav-list .tab-nav-subnav-item {
            padding: 10px 15px;
            border-bottom: 1px solid #6dc2e9;
            color: #000;
        }

    .tab-nav-subnav-item:hover {
        background-color: #6dc2e9!important;
        color: #0CF!important;
    }

    .dropdown-submenu.dropdown.tab-nav-subnav-item.openDrop .pills.dropdown-toggle.togglelink {
        color: #6dc2e9!important;
    }

    .tab-nav-link .main-secondary-wrapper .tab-nav-subnav-list .dropdown-submenu.dropdown.tab-nav-subnav-item.openDrop:hover {
        background: #fff!important;
    }

    .get-started-head .container li.tab-nav-subnav-list a, .get-started-head .container li.tab-nav-subnav-list a:focus, .get-started-head .container li.tab-nav-subnav-list a:hover, .tab-nav-subnav-list .tab-nav-subnav-item a {
        color: #000!important;
    }

    .tab-nav-subnav-list.last-col-ul {
        border: none;
    }

    .main-secondary-wrapper .tab-nav-subnav-list .tab-nav-subnav-item {
        width: 100%;
    }

    .get-started-head.first-level.get-started-right.open .main-secondary-wrapper .tab-nav-subnav-item .second-level.sub-nav-social, .last-second-subnav-ul .tab-nav-subnav-item.openDrop .second-level.sub-nav-social {
        float: none;
    }

    .tab-nav-subnav-list.last-second-subnav-ul {
        border-right: 0;
        border-left: 1px solid #6dc2e9;
        border-collapse: collapse;
    }

    .get-started-head .main-secondary-wrapper.dropdown-menu li .subnav-item.email {
        padding-right: 0;
        margin-right: 0;
    }

    .tab-header .tablet-head-wrapper {
        width: 100%;
        padding: 10px 0;
        overflow: hidden;
    }

        .tab-header .tablet-head-wrapper .youthspark-tab-logo {
            display: inline-block;
            float: left;
        }

        .tab-header .tablet-head-wrapper .tab-menu-icon {
            display: inline-block;
            float: right;
            margin-right: 6%;
            margin-top: 7px;
            cursor: pointer;
        }

    .tabnav-right-arrow {
        background-image: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/right-arrow.png);
        width: 11px;
        height: 11px;
        background-repeat: no-repeat;
        margin-left: 20px;
        display: inline-block;
    }

    

    #prgs2 > div.second-data-div.back-tile.rollover-tile-first > div.rollover-data > div.second-data-container.frnt-flip-content, #pro102 > div.second-data-div.back-tile.rollover-tile-first > div.rollover-data > div.second-data-container.frnt-flip-content, #pro112 > div.second-data-div.back-tile.rollover-tile-first > div.rollover-data > div.second-data-container.frnt-flip-content, #pro62 > div.second-data-div.back-tile.rollover-tile-first > div.rollover-data > div.second-data-container.frnt-flip-content, #pro72 > div.second-data-div.back-tile > div.rollover-data > div.second-data-container.frnt-flip-content-tr {
        height: 110px!important;
    }

    /*.main-container .container .full-sub-nav {
        display: none!important;
    }*/

    .navbar.navbar-default.nav-pills.navbar-fixed-top.hidden-header-container.header-toggle.new-small-sub-nav {
        display: block!important;
    }

    .full-sub-nav-with-close .navbar-default .logo-container.right-logo {
        margin-right: 2.5%!important;
        margin-top: -74px;
    }

    .new-small-nav-close img {
        width: 40px;
        height: 39px;
    }

    .main-container .container #header-nav .nav.navbar-nav.nav-pills {
        float: right;
        margin: 0;
    }

    

    header .subnav-list.last-row-ul {
        padding-left: 1%;
        margin: 0;
    }

    .get-started-head .main-secondary-wrapper.dropdown-menu li {
        padding-right: 50px;
    }

    .navbar.navbar-fixed-top.container .close-container.right-logo {
        float: right;
    }

    .scroll-section {
        display: none;
    }

    #carousal-section .carousel-inner .future-welcome h2 {
        font-size: 2.625em;
    }
}

@media (min-width:1181px) and (max-width:1200px) {
    .container {
        width: 1170px!important;
    }

    #carousal-section .carousel-inner .slide-welcome {
        height: 492px;
    }
}

@media (min-width:0) and (max-width:1179px) {
    #goingonScrollLabel, #prgsScrollLabel, #skillScrollLabel, #teachersScrollLabel, body, html {
        overflow-x: hidden!important;
        width: 100%!important;
    }

    .navbar-fixed-top.hidden-header-container {
        display: none!important;
    }

    .main-container .container.header-nav-conatiner {
        padding: 0;
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav {
        padding: 0;
        margin: 0;
    }

    .tab-nav .tab-nav-container {
        padding: 0;
    }

    /*.full-sub-nav {
        display: none!important;
    }*/

    .tab-header {
        display: block;
    }

    .tablet-head-wrapper .youthspark-tab-logo.col-md-3 {
        display: inline-block;
        float: left;
    }

    .tab-header .navbar-default.tab-nav {
        margin-top: 50px;
    }

    .tab-view {
        display: none;
    }

    .mobile-view {
        display: block!important;
    }

    .tablet-head-wrapper .tab-menu-icon {
        float: right;
    }

    .dsk-tab-view {
        display: none!important;
    }

    .scroll-section {
        display: none;
    }

    .tab-header .tab-nav #tablet-mobile-mainnav .navbar-nav .tab-nav-link .tab-nav-subnav-list .subnav-list li.dropdown-submenu.dropdown.tab-nav-subnav-item a.pills {
        color: #000!important;
    }

    .main-container .container {
        width: 100%!important;
    }

    #tablet-mobile-mainnav .tab-nav-link span.tabnav-down-arrow {
        margin-left: 15px;
    }

    .tab-header {
        padding-top: 0;
        height: auto;
    }

    #tablet-mobile-mainnav {
        display: inline-block;
        width: 100%;
    }

    .tab-header .navbar.navbar-default.tab-nav {
        display: none;
        margin-top: 0;
    }

    .navbar-default.tab-nav {
        background: 0 0;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }

    .tab-nav .tab-nav-link a.dropdown-toggle, .tab-nav .tab-nav-link a.dropdown-toggle:focus, .tab-nav .tab-nav-link a.dropdown-toggle:hover {
        background-color: #00bcf2;
        font: 100 20px 'SegoeUILight','SegoeUI';
        color: #fff;
        outline: 0;
        text-decoration: none;
    }

    .dropdown.tab-nav-link.open .dropdown-menu.tab-nav-dropdown .container {
        margin-top: 0;
    }

    .first-level.get-started-right.open .sub-nav.dropdown-menu.main-secondary-wrapper .container {
        margin: 0;
    }

    .tab-nav-link.dropdown.get-started-head.first-level.get-started-right.open .sub-nav.dropdown-menu.main-secondary-wrapper {
        width: 100%;
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link a.dropdown-toggle, .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link a.the-latest-link {
        background-color: #00bcf2;
        font: 100 20px 'SegoeUILight','SegoeUI';
        color: #fff;
        outline: 0;
        text-decoration: none;
    }

    #tablet-mobile-mainnav .nav.navbar-nav, #tablet-mobile-mainnav .nav.navbar-nav .tab-nav-link {
        width: 100%;
        margin: 0;
    }

    .tabnav-down-arrow {
        background: url(/about/corporatecitizenship/en-us/youthspark/youthsparkhub/images/desktop/career_dropdown_caret.png);
        width: 11px;
        height: 7px;
        display: inline-block;
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link.open a.pills.dropdown-toggle.togglelink {
        background: none!important;
        color: #000;
        font: 100 20px 'SegoeUILight','SegoeUI';
    }

    .tab-header .tab-nav .tab-nav-container #tablet-mobile-mainnav .navbar-nav .tab-nav-link.open a.dropdown-toggle {
        background: #0072c6!important;
    }

    .tab-nav-link {
        border-bottom: 1px solid #fff;
    }

        .dropdown-menu.tab-nav-dropdown, .tab-nav-link .sub-nav.dropdown-menu.main-secondary-wrapper {
            position: relative;
        }

            .dropdown-menu.tab-nav-dropdown, .dropdown-menu.tab-nav-dropdown .container {
                width: 100%;
                padding: 0;
            }

    .tab-nav-subnav-list .tab-nav-subnav-item .sub-nav.dropdown-menu.second-level .subnav-social-list {
        list-style-type: none;
    }

    .tab-nav-subnav-item.openDrop .sub-nav.dropdown-menu.second-level {
        width: auto;
        position: relative;
    }

        .tab-nav-subnav-item.openDrop .sub-nav.dropdown-menu.second-level .container.subnav-social-list {
            width: auto;
            margin-left: 0!important;
        }

    .tab-nav-subnav-list {
        padding-left: 0;
        border-right: 1px solid #6dc2e9;
        list-style-type: none;
    }

        .tab-nav-subnav-list .tab-nav-subnav-item {
            padding: 10px 15px;
            border-bottom: 1px solid #6dc2e9;
            color: #000;
        }

    .ie .tab-nav-subnav-list .tab-nav-subnav-item.see-all-last-tablet {
        padding-bottom: 9px;
    }

        .ie .tab-nav-subnav-list .tab-nav-subnav-item.see-all-last-tablet .static-link-right-arrow {
            background-position: 2px 5px !important;
        }

    .tab-nav-subnav-item:hover {
        background-color: #6dc2e9!important;
        color: #0CF!important;
    }

    .dropdown-submenu.dropdown.tab-nav-subnav-item.openDrop .pills.dropdown-toggle.togglelink {
        color: #6dc2e9!important;
    }

    .tab-nav-link .main-secondary-wrapper .tab-nav-subnav-list .dropdown-submenu.dropdown.tab-nav-subnav-item.openDrop:hover {
        background: #fff!important;
    }

    .get-started-head .container li.tab-nav-subnav-list a, .get-started-head .container li.tab-nav-subnav-list a:focus, .get-started-head .container li.tab-nav-subnav-list a:hover, .tab-nav-subnav-list .tab-nav-subnav-item a {
        color: #000!important;
    }

    .tab-nav-subnav-list.last-col-ul {
        border: none;
    }

    .main-secondary-wrapper .tab-nav-subnav-list .tab-nav-subnav-item {
        width: 100%;
    }

    .get-started-head.first-level.get-started-right.open .main-secondary-wrapper .tab-nav-subnav-item .second-level.sub-nav-social, .last-second-subnav-ul .tab-nav-subnav-item.openDrop .second-level.sub-nav-social {
        float: none;
    }

    .get-started-head .main-secondary-wrapper.dropdown-menu li {
        padding-right: 20px;
    }

    .tab-nav-subnav-list.last-second-subnav-ul {
        border-right: 0;
        border-left: 1px solid #6dc2e9;
        border-collapse: collapse;
    }

    .get-started-head .main-secondary-wrapper.dropdown-menu li .subnav-item.email {
        padding-right: 0;
        margin-right: 0;
    }

    .tab-header .tablet-head-wrapper {
        width: 100%;
        padding: 10px 0;
        overflow: hidden;
    }

        .tab-header .tablet-head-wrapper .youthspark-tab-logo {
            display: inline-block;
            float: left;
        }

        .tab-header .tablet-head-wrapper .tab-menu-icon {
            display: inline-block;
            float: right;
            margin-right: 6%;
            margin-top: 7px;
            cursor: pointer;
        }

    .main-secondary-wrapper .container {
        padding: 0;
    }

    /*.small-header-nav-desktop {
        display: none;
    }*/

    .dropdown.tab-nav-link.open .tab-nav-dropdown {
        position: relative;
    }

    .navbar.navbar-default.tab-nav {
        display: inline-block;
        width: 100%;
    }

    .tab-nav-link.open .container {
        margin-bottom: 0;
    }

    .sub-nav.dropdown-menu.main-secondary-wrapper {
        padding: 0;
    }

    .tab-header .navbar.navbar-default.tab-nav {
        margin-bottom: 0;
    }

    .footer-search-container.col-md-6, .footer-wrapper .row.main-footer .footer-links.col-md-4, .footer-wrapper .row.main-footer .footer-links.col-md-4 .footer-nav-links {
        width: 100%!important;
        float: left;
    }

    .footer-search-container.col-md-6 {
        padding-left: 0;
    }

    .footer-wrapper .row.main-footer .footer-links.col-md-4 .footer-nav-links {
        padding-left: 23px;
    }

    .footer-search-container.col-md-6 .search-box-wrapper {
        width: 100%;
    }

        .footer-search-container.col-md-6 .search-box-wrapper .search-input {
            width: 200px;
            border: 1px solid;
        }

    /* footer twitter GD */

    .footer-search-container.col-md-6 .social-connect {
        margin-top: -32px;
        margin-left: 205px;
    }

    footer .box-legal {
        display: inline-block;
        margin-top: 30px;
    }

    .box-legal li {
        margin-right: 30px;
        text-align: left;
    }

    footer .box-legal > ul {
        margin-top: 0;
        padding-left: 0!important;
    }
}

/*Writen by Aravind for header setup*/
@media (min-width:0) and (max-width:1180px){
    .navbar-fixed-top.new-small-sub-nav{
        position:relative;
        margin-bottom:0px;
        display:block !important;
    }
    .full-sub-nav{
        display:none;
    }
    .navbar-fixed-top.navbar-default{
        position:relative;
    }
    header.small-header-nav-desktop{
        padding-top:0px !important;
    }
    .navbar-header{
        display:block;
    }
    .logo-container.left-logo{
        height:auto;
    }
    .logo-container.left-logo.desktop{
        display:none;
    }
    #header-nav.main_navigation{
        display:block;
    }
    .main-container .container #header-nav .nav.navbar-nav.nav-pills{
        float:left;
        width:100%;
        margin:0px;
    }
    header #header-nav, header #header-nav .nav li{
        width:100%;
        margin-right:0px !important;
       
    }
    header #header-nav, header #header-nav .nav li a,header #header-nav .navbar-nav .pills-header-links {
        font-size:19px !important;
        color: #ffffff !important;
        outline: 0;
        line-height:normal !important;
        text-decoration: none;
        padding-top:10px;
        padding-bottom:10px;
        /*
            remove width 100% if image not in anchor tag otherwise keep it as it is.
        */
        width: 100%;

    }
    header #header-nav .nav li.default-color a{
        color: #ffffff !important;
    }
    header #header-nav .nav li.default-color a:hover {
        font: 100 19px 'SegoeUILight','SegoeUI' !important;
        color: #ffffff !important;
        text-decoration: underline;
        line-height:none !important;
    }
    header #header-nav ul li img{
        margin-left:0px;
        margin-top:0px;
    }
    header #header-nav .navbar-nav .top-link{
        font-size:20px;
        display:inline;
        padding-right:5px;
    }
    .about-link{
        margin-top:0px !important;
    }
	.about-link .top-link{
		padding-right:0 !important;
	}
    .full-sub-nav.re-arranged .container{
        margin:0;
        padding-right:0;
        padding-left:0px;
    }
    header.full-sub-nav.re-arranged{
        padding-top:0;
    }
    header.re-arranged #header-nav{
        padding:0px;
        margin-right:0px;
        margin-left:0px;
    }
    header.re-arranged #header-nav li{
        background-color: #00bcf2;
         border-bottom:1px solid #fff;
    }
    .logo-container.left-logo{
        height:auto;
    }
    header.full-sub-nav .logo-container.right-logo.ys-close-icon{
        position: absolute;
        right: 50px;
        top: 10px;
        display:block;
        margin-right:0px !important;
    }
    .new-small-nav-close img{
        float:right;
    }
    div.main-container div.container div header nav div.close-container.col-md-1.right-logo {
        position: absolute;
        right: 50px !important;
        width: 40px !important;
        float: right;
        margin: 0;
        padding: 0;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-header{
        float:left;
    }
    .logo-container.right-logo.microsoft-right-logo {
        display: none;
    }
    .nav-pills > li + li {
        margin-left: 0px !important;
    }
}


.list-item.ui-draggable-dragging {
    min-width: 230px;
    height: auto;
    background-color: #4c4c4c;
    opacity: .9;
    font-size: 12pt;
    color: #888;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

    .list-item.ui-draggable-dragging .green-add-icon {
        left: 10px;
    }

#skillScrollLabel > section.skill-Top-Container > section > div > div.option-list-image.row.col-md-4 {
    z-index: 1;
}

.prev-loadmore-image-arrow-container ,.loadmore-image-arrow-container {
    display: none;
}

body {
    min-width: 320px;
}

@media (min-width:1180px) {
    #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj {
        top: 4%!important;
        left: 61%!important;
    }
}

@media (min-width:0px) and (max-width:515px) {
    #careers > section > div > div.career-programs-onsocial.arrow-box, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-first-slide, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-adj, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-mid-adj.mob-share-allign {
        /* margin-top: 34%!important; */
        position: absolute;
        /* left: 49%!important; */
    }


        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-mid-adj {
            margin-top: .5%!important;
            position: absolute;
            left: 48%!important;
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj {
            /* margin-top: 97px!important; */
            position: absolute;
            /*  left: 46%!important; */
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-mob-nurse {
            margin-right: 2% !important;
            margin-top: 193px !important;
        }

    #careers .career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob {
        margin-top: -46px!important;
        left: -14px;
    }

    #carousel-carrer > div > div.item.career-pograms1.active > div.rel-prog-desktop-back.related-program-container.col-md-3 > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob:after {
        left: 28%;
    }
}

@media (min-width:516px) and (max-width:650px) {
    #careers > section > div > div.career-programs-onsocial.arrow-box, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-first-slide, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-adj, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-mid-adj.mob-share-allign {
        /* margin-top: 23%!important; */
        position: absolute;
        /* left: 45% !important; */
    }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-mid-adj {
            margin-top: .5%!important;
            position: absolute;
            left: 51%!important;
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj {
            margin-top: 92px !important;
            position: absolute;
            left: 43%!important;
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-mob-nurse {
            margin-right: 8% !important;
            margin-top: 191px !important;
        }

    #careers .career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob {
        margin-top: -46px!important;
        left: -14px;
    }

    #carousel-carrer > div > div.item.career-pograms1.active > div.rel-prog-desktop-back.related-program-container.col-md-3 > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob:after {
        left: 28%;
    }
}

@media (min-width:651px) and (max-width:767px) {
    #careers > section > div > div.career-programs-onsocial.arrow-box, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-first-slide, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-adj, #careers > section > div > div.career-programs-onsocial.arrow-box.mob-social-mid-adj.mob-share-allign {
        /* margin-top: 17%!important; */
        position: absolute;
        /* left: 49%!important; */
    }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-mid-adj {
            margin-top: .5%!important;
            position: absolute;
            left: 53%!important;
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj {
            margin-top: 93!important;
            position: absolute;
            left: 46%!important;
        }

        #careers > section > div > div.career-programs-onsocial.arrow-box.tab-mob-nurse {
            margin-right: 13% !important;
            margin-top: 188px !important;
        }

    #careers .career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob {
        margin-top: -46px!important;
        left: -14px;
    }

    #carousel-carrer > div > div.item.career-pograms1.active > div.rel-prog-desktop-back.related-program-container.col-md-3 > div.career-programs-onsocial.arrow-box.tab-social-adj.mob-social-adj.second-div-mob:after {
        left: 28%;
    }
}

@media (min-width:768px) {
    .second-div-mob {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1179px) {
    footer .footer-wrapper .main-footer .footer-search-container .search-box-wrapper {
        width: 56%!important;
        float: right;
    }

    .footer-wrapper .row.main-footer .footer-links.col-md-4 {
        width: 23%!important;
    }

    .footer-wrapper .main-footer .footer-search-container {
        width: 82%!important;
        /*  margin-top: -3%!important;*/
    }

        .footer-wrapper .main-footer .footer-search-container .social-connect {
            clear: both;
            width: 18%!important;
        }

    .main-footer .footer-search-container .box-legal li {
        width: auto!important;
        margin-left: 20px;
    }

    .main-footer .footer-search-container .box-legal > ul {
        float: right;
    }

    .footer-search-container.col-md-6 .social-connect {
        float: right;
    }
}
@media (min-width:768px)and (max-width:1179px) {
    footer .row.main-footer .footer-search-container.col-md-6 .search-box-wrapper {
        width: 100%;
    }

    footer .row.main-footer .footer-search-container.col-md-6 {
        float: right;
        /*  margin-top: -8%;*/
        width: 45%;
    }

        footer .row.main-footer .footer-search-container.col-md-6 .search-box-wrapper .search-input {
            width: 84% !important;
        }

    footer .row.main-footer .footer-links.col-md-4 .footer-nav-links {
        padding-left: 26px;
    }

    .row.main-footer .footer-search-container.col-md-6 .social-connect {
        margin-top: -32px;
        margin-right: -65px;
    }

    .box-legal li {
        margin-right: 0;
        text-align: right;
        width: 50%;
    }
    
    .search-box-wrapper .seach-icon
{
    margin-right: 5% !important;
}
}

@media (min-width:991px) and (max-width:1179px) {
    #form1 > div.main-container > footer > div > div > div > div.footer-search-container.col-md-6 {
        margin-top: 30px!important;
    }

	#form1 > div.main-container > footer > div > div > div > div.footer-search-container.col-md-6 > div.box-legal > ul {
		float: right;
	}

    .footer-wrapper .row.main-footer .footer-links.col-md-4 {
        /* margin-left: -21% !important;
        margin-top: 75px !important; */
    }

    footer .row.main-footer .footer-search-container.col-md-6 {
        margin-top: 32px;
    }

    .row.main-footer .footer-search-container.col-md-6 .social-connect {
        margin-top: -32px;
        margin-right: -80px;
    }

    .footer-search-container.col-md-6 .box-legal ul li:last-child {
        margin-right: 0;
    }
	.footer-wrapper .main-footer .footer-search-container {
		    width: 45% !important;
			margin-top:32px !important;
	}
	footer .footer-wrapper .main-footer .footer-search-container .search-box-wrapper {
		width: 75%!important;
		float: left;
	}
	.row.main-footer .footer-search-container.col-md-6 .social-connect{
		float:right;
		margin-right:0px !important;
	}
	footer .footer-wrapper .main-footer .footer-search-container .search-box-wrapper{
		width:280px !important;
		float:left;
	}
	.search-box-wrapper .seach-icon{
		margin-right:3% !important;
	}
}

@media (min-width:768px) and (max-width:990px) {
	.footer-logo-container{
		width:15%;
	}
	.col-md-6.footer-search-container{
		margin-top:-20px;
	}
	.footer-wrapper .main-footer .footer-search-container{
		width:61% !important;
		float:right;
	}
	footer .footer-wrapper .main-footer .footer-search-container .search-box-wrapper{
		width:75% !important;
		float:right;
		margin-left:0 !important;
		margin-right: 40px;
	}
	footer .row.main-footer .footer-search-container.col-md-6 .search-box-wrapper .search-input{
		width:60% !important;
	}
	.search-box-wrapper .seach-icon{
		margin-right: 0% !important;
		margin-left: 10px;
		float:left;
	}
	footer .row.main-footer .footer-search-container.col-md-6 .search-box-wrapper .search-input{
		width:75% !important;
		float:left;
	}
	.footer-wrapper .main-footer .footer-search-container .social-connect{
		width: 40px!important;
		margin-right:0px !important;
	}
	a.twitter_link, a.twitter_link:hover{
		margin-left: 0px;
	}
}

@media (min-width:0px)and (max-width:767px) 
{
    .search-box-wrapper .seach-icon 
    {
       margin-right: 0%; 
    }
    }


@media (max-width: 370px) and (min-width: 0px)
{
.footer-search-container.col-md-6 .social-connect {
    margin-top: 10px;
    margin-left: -45px;
}
}

@media (min-width:0px) and (max-width:767px)
{
    .footer-search-container.col-md-6 .search-box-wrapper {
        width: 245px !important;
    }
    
    .footer-search-container.col-md-6 .social-connect {
        margin-top: 0px;
        margin-left: 0px;
    }
	
}
@media (min-width:0px) and (max-width:396px)
{
    
    .footer-search-container.col-md-6 .social-connect {
        margin-top: 30px !important;
    margin-left: -40px !important;
    }
}
@media (min-width:0px) and (max-width:480px)
{
	.footer-search-container.col-md-6{
		padding-left:0;
		padding-right:0px;
	}
	.footer-search-container.col-md-6 .search-box-wrapper{
		width:80% !important;
		float:left;
	}
	.footer-search-container.col-md-6 .social-connect{
		float:left;
		margin-left:0 !important;
		margin-right:0 !important;
		margin-top:0px !important;
	}
	a.twitter_link, a.twitter_link:hover{
		margin-left:0px;
	}
	.footer-search-container.col-md-6 .search-box-wrapper .search-input{
		width:70%;
		float:left;
	}
	.search-box-wrapper .seach-icon{
		float:left;
		margin-right:0 !important;
		margin-left:10px;
	}
}
