/* RESPONSIVENESS */

/* Mobile Portrait */
@media screen and (max-width:340px) and (orientation: portrait){
    .owl-carousel .owl-item img{max-height:150px !important;}
.stage-carousel .owl-carousel .owl-stage-outer{max-height:250px !important;}
#cta-btn{right:0 !important;top:25px !important;}
.around .btn-success{font-size:13px !important;padding:17px 20px !important;}
.components .hero{padding-top:75px;}
.components .nav-tabs li a{font-size:10px;}
.components .background-image{min-height:525px !important;}
.become .hero{height:615px !important;}
.become .hero .background-image{height:615px !important;}
}

@media screen and (max-width:690px) and (orientation: portrait){
    .theory-v2 .hero{height:350px;min-height:550px;}
    .components .background-image{min-height:500px;}
    .theory-v2 .background-image{min-height:450px;}
    .theory-v2.style .hero-title{margin-top:25px;}
    .style .hero-title{margin-bottom:50px;margin-top:25px;}
    .ind-block p{height:46%;}
    .devChan .chans{margin-top:2rem;}
    .devChan .hero{min-height:450px;}
    .devChan .hero .hero-title{padding-top:8rem;}
    .components .nav-tabs li a{padding: 3rem 10px 10px;}
    .hero-title{padding-top:0em;}
    #carousel-example-generic{margin-top:0;height:calc(100vh - 62px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;}
    #carousel-example-generic .carousel-caption h1{font-size:45px;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    .newsletter input{width:100%;margin-left:0;}
    .newsletter .btn-success{margin-left:0;margin-top:10px;width:100%;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{right:10px;top:20px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:15px;}
    .history .border{margin:30px auto;}
    .bio-links .col-xs-12{margin-bottom:15px;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;margin-top:35px;}
    .col-two{column-count:1;}
    .history .cta h2 .btn{margin-left:0;margin-top:20px;}
    .col-count-3{column-count:1;}
    .devChan .content{margin-top:0;}
    .inddev-hero{padding-top:100px;min-height:400px;}
    .canopy .hero .first{padding-top:125px;}
    .canopy .hero {margin-top: -75px;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .mc-row .arrow-img{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
        z-index:2;
        left:46%;
        margin-top:-10px;
    }
    .canopy .mc-row .col-md-2{height:75px;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero{height:400px;min-height:350px;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .event .head{margin-top:100px;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .container.first{margin-top:25px;}
    .bio .hero{margin-bottom:0;min-height:400px;}
    .bio .content{column-count:1;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .bio-over-link img{height:400px;object-fit:cover;object-position:50% 50%;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{width:100%;padding:15px 0;}
    .video-library .container.first{min-height:425px;}
    .video-library .input-group .input-group-addon{padding-left:13px;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .dropdown-submenu li, .dropdown-menu li {
        padding-bottom: 10px!important;
    }
    .green-bkg .main-body{padding-top:15vh;}
    .m-portrait-show{display:block;}
    .m-portrait-hide{display:none;}
    div.dataTables_wrapper div.dataTables_paginate{display:none;}
    .book-modal .modal-dialog{width:100%;margin:10px 0;}
    .book-modal .book-cover{margin-top:0px;max-height:200px;}
    .book-modal .book-info{margin-top:50px;}
    .legacy .hero-image{}
    .legacy .form-container{padding:2em 0;}
    .legacy .form-container hr{margin-bottom:2rem;margin-top:4rem;}
    .institute .container.first{margin-top:0 !important;}
    .history .back-logo{background-position: center 10%;}
    .double-img img{margin-bottom:10px;}
    .home .content{margin-top:2em;}
    .colleagues .container.first{padding-top:95px;height:auto;}
    .colleagues .green-bkg{min-height:80vh;}
    .colleagues .green-bkg .hero-button{padding-top:0;}
    .green-bkg h1{line-height:46px;letter-spacing:0.4px;}
    .colleagues section.content{padding-top:35px;}
    .colleagues section.container.country{margin-top:0;}
    .colleagues .newsletter{margin-top:20px;margin-bottom:0;}
    .become .container.first{margin-top:0px !important;}
    .become .hero{height:550px;min-height:500px;}
    .pretty{white-space:normal;margin-bottom:25px !important;}
    .pretty.p-icon .state.mobile-edit .icon{margin-top:14px;}
    .pretty .state.mobile-edit label:after, .pretty .state.mobile-edit label:before{margin-top:14px;}
    
    .coll .info{margin-top:25px;}
    .coll .info .row{margin-bottom:15px;}
    
    .around .title-block{padding:0 15px;}
    .around .title{margin-top:7em;}
    #translations .title{margin-top:7em;}
    .legacy .hero{margin-top:0 !important;}
    .legacy .content{padding-top:50px !important;padding-bottom:50px !important;}
    .style .first{margin-top:0;}
    .style-container .first{padding-top:50px;}
    .components .hero-title{margin-top:0!important;padding-top:25px;}
    .training .title{padding-top:13rem;}
    .bio .container.first{margin-top:25px !important;}
    .video-library .container.first{padding-top:9rem;}
    .article-submit .container.first{padding-top:9rem;}
    .book section.first{padding:7rem 15px;}
    .canopy .hero .first {
        padding-top: 200px;
    }
    .glossary .first{margin-top:100px!important;}
    
.owl-carousel .owl-item img{max-height:180px;}
.stage-carousel .owl-carousel .owl-stage-outer{max-height:280px;}
.become .hero .background-image{height:550px;}
section.newsletter{padding:50px 15px;}
.legacy .hero-image{background-size:100%;height:30vh;margin-top:0;}
.congrats .btn-donate{margin-top:15px;}
.newsletter h2{font-size:20px !important;line-height:30px !important;letter-spacing:2px !important;}
.coll .info .row{margin-top:25px;}
.coll .info .row p{margin-bottom:0;}
.color-hover .row{display:block;flex-flow:unset;}

.show-mp{display:block;}
.hide-mp{display:none;}
.event-box{padding:2em 15px !important;}
#calbodylist .monthheading{margin-bottom:15px !important;}
#calbodylist.list .event h4 a{color:#33cc99;}
#calbodylist.list .event{border-bottom: 1px solid #f0f0f0;padding:10px 5px;}
#calbodylist.list .event .date{margin-top:5px;}
#calbodylist.list .feed-link{margin-left:5px;font-size:16px;}
}

/* Mobile Landscape */
@media screen and (min-width:416px) and (max-width:600px) and (orientation: landscape){
    #carousel-example-generic .carousel-caption h1{margin-bottom:0;font-size:40px !important;margin-top:15px !important;}
    .devChan .hero .hero-title{padding-top:6rem !important;}
}

@media screen and (min-width:416px) and (max-width:840px) and (orientation: landscape){
    .extra-content img{margin-top:10px !important;}
    .style .hero-title{margin-top:85px;}
    .style .hero{min-height:350px;}
    .hero-title{padding-top:0em;}
    .components .hero{height:425px;}
    h1{font-size:45px;}
    .navbar-collapse{margin-top:40px !important;}
    .navbar .navbar-nav{padding:0;}
    .navbar-invert a{font-size:14px !important;}
    .nav>li>a{padding:5px 15px;}
    .navbar-nav>li>a{padding-top:5px !important;padding-bottom:5px !important;}
    .dropdown-submenu li, .dropdown-menu li{padding-bottom:0 !important;}
    #carousel-example-generic{margin-top:0;height:calc(100vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;}
    #carousel-example-generic .carousel-caption h1{font-size:45px;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    .newsletter input{width:100%;margin-left:0;}
    .newsletter .btn-success{margin-left:0;margin-top:10px;width:100%;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{top:10px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:15px;}
    .history .border{margin:30px auto;}
    .bio-links .col-xs-12{width:50%;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;margin-top:35px;}
    .col-two{column-count:1;}
    .history .cta h2 .btn{margin-left:0;margin-top:20px;}
    .col-count-3{column-count:1;}
    .devChan .content{margin-top:0;}
    .devChan .hero .hero-title{padding-top:8rem;}
    .inddev-hero{padding-top:100px;}
    .canopy .hero .first{padding-top:125px;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .mc-row .arrow-img{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
        z-index:2;
        position:absolute;
        left:46%;
        margin-top:-55px;
    }
    .canopy .mc-row .col-md-2{height:75px;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero-title{padding-top:0rem;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;min-height:1px;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .event .head{margin-top:100px;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .content{column-count:1;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .bio-over-link img{height:400px;object-fit:cover;object-position:50% 50%;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{width:100%;padding:15px 0;}
    .video-library .container.first{min-height:325px;}
    .video-library .input-group .input-group-addon{padding-left:13px;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .donate-blue .donate-stat{width:50%;}
    .style-steps h2{margin-bottom:3%;}
    .devChan .hero{min-height:350px;}
    .devChan .chans{margin-top:0rem;}
    .ind-block{height:auto;}
    .dev-hero{height:auto;min-height:1px;}
    .evo .hero{height:300px;min-height:300px}
    .book .modal-dialog{margin-top:0px !important;margin-bottom:0 !important;}
    .modal .modal-header{padding-top:0;}
    .book .modal .btn-success{margin-top:10px;}
    .training .title{padding-top:10rem;}
    .double-img{width:50%;}
    .bio .hero{min-height:300px;margin-top:0;margin-bottom:0;}
    .bio .container.first{margin-top:0 !important;}
    .bio .blue-bg{padding:80px 0;}
    .video-library .hero-title{margin-top:2em;}
    .vid-link{width:50%;}
    .green-bkg .main-body{padding-top:5vh;}
    .contact-info .flex-wrap .col-xs-12{width:50%;}
    .m-portrait-show{display:none;}
    .book-modal .modal-dialog{width:100%;margin:10px 0;max-width:none;}
    .book-modal .book-cover{margin-top:0px;max-height:150px;}
    .book-modal .book-info{margin-top:50px;}
    .books .col img{max-height:210px;}
    .legacy .form-container{padding:3em 0;}
    .theory-v2 .hero{height:350px;min-height:350px;}
    .theory-v2 .background-image{min-height:250px;}
    .components .background-image{min-height:325px;}
    .theory-v2.style .hero-title{margin-top:0px;}
    .legacy .form-container{padding:2em 0;}
    .legacy .form-container hr{margin-bottom:2rem;margin-top:4rem;}
    #carousel-example-generic .carousel-caption .btn{margin-top:10px;}  
  .btn{padding:12px 30px !important;}
  .institute .container.first{margin-top:0 !important;}
  .glightbox-mobile .glightbox-container .gslide-description{left:20vw;}
  .home .content{margin-top:2em;}
  .colleagues .container.first{padding-top:95px;height:auto;margin-top:0;}
    .colleagues .green-bkg{min-height:80vh;}
    .colleagues .green-bkg .hero-button{padding-top:0;}
    .green-bkg h1{line-height:46px;letter-spacing:0.4px;}
    .colleagues section.content{padding-top:35px;}
    .colleagues section.container.country{margin-top:0;}
    .colleagues .newsletter{margin-top:20px;margin-bottom:0;}
    .become .container.first{margin-top:35px !important;}
    .become .hero{height:375px;min-height:350px;}
    .around .title-block{padding:0 15px;}
    .around .title{margin-top:7em;}
    #translations .title{margin-top:7em;}
    .legacy .hero{margin-top:0 !important;}
    .legacy .content{padding-top:50px !important;padding-bottom:50px !important;}
    .style .first{margin-top:0;}
    .style-container .hero-title{margin-top:25px;}
    .style-container .first{padding-top:50px;}
    .components .hero-title{margin-top:0!important;padding-top:0px;}
    .training .title{padding-top:8rem;}
    .video-library .container.first{padding-top:9rem;}
    .article-submit .container.first{padding-top:9rem;}
    .book section.first{padding:7rem 15px;}
    .inddev-hero{min-height:350px;}
    .dev-hero .img-responsive{height:auto;}
    section.newsletter{padding:50px 15px;}
    .donate-hero .first{margin-top:50px !important;}
    .glossary .first{margin-top:100px!important;}
    .contact .info-sec {min-height: 116px;}
    .become .hero .background-image{height:375px;}
    .profile-img {max-width:250px;margin-left:auto;margin-right:auto}
    .coll .info .row{margin-top:25px;}
    .coll .info .row p{margin-bottom:0;}
    .color-hover .row{display:block;flex-flow:unset;}
    .show-mp{display:block;}
.hide-mp{display:none;}
.event-box{padding:2em 15px !important;}
#calbodylist .monthheading{margin-bottom:15px !important;}
#calbodylist.list .event h4 a{color:#33cc99;}
#calbodylist.list .event{border-bottom: 1px solid #f0f0f0;padding:10px 5px;}
#calbodylist.list .event .date{margin-top:5px;}
#calbodylist.list .feed-link{margin-left:5px;font-size:16px;}
}

/* NEXUS 7 Landscape Resonsiveness */
@media screen and (min-width:841px) and (max-width:1000px) and (orientation: landscape){
    .contact .info-sec {min-height: 116px;}
    .color-hover a.col-sm-6{width:calc(50% - 1px);display:flex;height:430px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    .extra-content img{margin-top:10px !important;}
    .ind-block p{height:46%;}
    .hero-title{padding-top:2em;}
    #carousel-example-generic{margin-top:0;height:calc(100vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;top:30%;}
    #carousel-example-generic .carousel-caption .btn{margin-top:5px;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{top:10px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .first{margin-top:75px;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:25px;}
    .history .border{margin:30px auto;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;margin-top:35px;}
    .col-two{column-count:1;}
    .history .cta h2 .btn{margin-left:0;margin-top:20px;}
    .col-count-3{column-count:1;}
    .inddev-hero{padding-top:100px;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .mc-row .arrow-img{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
        z-index:2;
        position:absolute;
        left:46%;
        margin-top:-55px;
    }
    .canopy .mc-row .col-md-2{height:75px;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero-title{padding-top:25rem;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;min-height:1px;height:50vh;}
    .training .hero .overlay{height:50vh;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .content{column-count:1;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .bio-over-link img{height:400px;object-fit:cover;object-position:50% 50%;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{width:100%;padding:15px 0;}
    .video-library .container.first{min-height:425px;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .style-steps h2{margin-bottom:3%;}
    .devChan .hero{min-height:500px;margin-top:0;}
    .devChan .chans{margin-top:2rem;}
    .dev-hero{height:350px;}
    .training .title{padding-top:10rem;}
    .bio .hero{min-height:400px;margin-top:0;}
    .bio .container.first{margin-top:0;}
    .bio .blue-bg{padding:80px 0;}
    .video-library .hero-title{margin-top:2em;}
    .green-bkg .main-body{padding-top:15vh;}
    .history .content{margin-top:0;}
    .donate-hero{height:60vh;}
    .bio .quotation{line-height:1.25;}
    .bio .quote .q-up{top:-40px;}
    .book-modal .modal-dialog{width:100%;max-width:none;}
    .book-modal .book-cover{max-height:200px;}
    .legacy .hero-image{height:40vh;}
    .legacy .form-container{padding:4em 0;}
    .theory-v2 .hero{height:550px;}
    .components .background-image{min-height:500px;}
    .legacy .form-container{padding:2em 0;}
    .legacy .form-container hr{margin-bottom:2rem;margin-top:4rem;}
    .home .content{margin-top:2em;}
    .colleagues .container.first{padding-top:175px;height:auto;margin-top:0;}
    .colleagues .green-bkg{min-height:60vh;}
    .colleagues .green-bkg .hero-button{padding-top:0;}
    .colleagues section.content{padding-top:35px;}
    .colleagues section.container.country{margin-top:2em;}
    .colleagues .newsletter{margin-top:20px;margin-bottom:0;}
    .colleagues .bottom{height:50vh;padding-top:50px;}
    .become .container.first{margin-top:50px !important;}
    .become .hero{height:500px;}
    .become .hero .background-image{height:500px;}
    .canopy .hero .first {
        padding-top: 200px;
    }
    .around .title{margin-top:10em;}
    #translations .title{margin-top:10em;}
    .legacy .hero{margin-top:75px;}
    .legacy .content{padding-top:50px !important;padding-bottom:50px !important;}
    .style-container .first{padding-top:50px;}
    .components .hero-title{margin-top:0!important;}
    .bio .container.first{margin-top:25px !important;}
    .video-library .container.first{padding-top:9rem;margin-top:0;}
    .article-submit .container.first{padding-top:8rem;}
    .book section.first{padding:7rem 15px;}
    .inddev-hero{min-height:350px;}
    section.newsletter{padding:50px 15px;}
    .congrats .btn-donate{margin-top:15px;}
    .profile-img{margin-bottom:35px !important;}
    .color-hover .row{display:block;flex-flow:unset;}
}

/* Normal Tablet Portrait */
@media screen and (min-width:750px) and (max-width:1000px) and (orientation: portrait){
    .contact .info-sec {min-height: 116px;}
    .extra-content img{margin-top:10px !important;}
    .ind-block p{height:46%;}
    .hero-title{padding-top:2em;}
    #carousel-example-generic{margin-top:0;height:calc(100vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;top:35%;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{top:10px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .first{margin-top:75px;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:25px;}
    .history .border{margin:30px auto;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;margin-top:35px;}
    .col-two{column-count:1;}
    .history .cta h2 .btn{margin-left:0;margin-top:20px;}
    .col-count-3{column-count:1;}
    .inddev-hero{padding-top:100px;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .mc-row .arrow-img{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
        z-index:2;
        position:absolute;
        left:46%;
        margin-top:-55px;
    }
    .canopy .mc-row .col-md-2{height:75px;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero-title{padding-top:25rem;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;min-height:1px;height:50vh;}
    .training .hero .overlay{height:50vh;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .content{column-count:1;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .bio-over-link img{height:400px;object-fit:cover;object-position:50% 50%;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{width:100%;padding:15px 0;}
    .video-library .container.first{min-height:425px;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .style-steps h2{margin-bottom:3%;}
    .devChan .hero{min-height:500px;margin-top:0;}
    .devChan .chans{margin-top:2rem;}
    .dev-hero{height:350px;}
    .training .title{padding-top:10rem;}
    .bio .hero{min-height:400px;margin-top:0;}
    .bio .container.first{margin-top:0;}
    .bio .blue-bg{padding:80px 0;}
    .video-library .hero-title{margin-top:2em;}
    .green-bkg .main-body{padding-top:15vh;}
    .history .content{margin-top:0;}
    .donate-hero{height:60vh;}
    .bio .quotation{line-height:1.25;}
    .bio .quote .q-up{top:-40px;}
    .book-modal .modal-dialog{width:100%;max-width:none;}
    .book-modal .book-cover{max-height:200px;}
    .legacy .hero-image{height:40vh;}
    .legacy .form-container{padding:4em 0;}
    .theory-v2 .hero{height:550px;}
    .components .background-image{min-height:500px;}
    .legacy .form-container{padding:2em 0;}
    .legacy .form-container hr{margin-bottom:2rem;margin-top:4rem;}
    .home .content{margin-top:2em;}
    .color-hover a.col-sm-6{height:430px;}
    .color-hover .row .col-md-4{display:block;}
    .colleagues .container.first{padding-top:175px;height:auto;margin-top:0;}
    .colleagues .green-bkg{min-height:60vh;}
    .colleagues .green-bkg .hero-button{padding-top:0;}
    .colleagues section.content{padding-top:35px;}
    .colleagues section.container.country{margin-top:2em;}
    .colleagues .newsletter{margin-top:20px;margin-bottom:0;}
    .colleagues .bottom{height:50vh;padding-top:50px;}
    .become .container.first{margin-top:50px !important;}
    .become .hero{height:500px;}
    .become .hero .background-image{height:500px;}
    .canopy .hero .first {
        padding-top: 200px;
    }
    .around .title{margin-top:10em;}
    #translations .title{margin-top:10em;}
    .legacy .hero{margin-top:75px;}
    .legacy .content{padding-top:50px !important;padding-bottom:50px !important;}
    .style-container .first{padding-top:50px;}
    .components .hero-title{margin-top:0!important;}
    .bio .container.first{margin-top:25px !important;}
    .video-library .container.first{padding-top:9rem;margin-top:0;}
    .article-submit .container.first{padding-top:8rem;}
    .book section.first{padding:7rem 15px;}
    .inddev-hero{min-height:350px;}
    section.newsletter{padding:50px 15px;}
    .color-hover a.col-sm-6{width:calc(50% - 1px);display:flex;height:430px;}
    .congrats .btn-donate{margin-top:15px;}
    .profile-img{margin-bottom:35px !important;}
    .color-hover .row{display:block;flex-flow:unset;}
}

/* Normal Tablet Landscape */
@media screen and (min-width:1001px) and (max-width:1100px) and (orientation: landscape){
    .extra-content img{margin-top:10px !important;}
    .ind-block p{height:46%;}
    .hero-title{padding-top:2em;}
    #carousel-example-generic{margin-top:0;height:calc(100vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;top:20%;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{top:10px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .first{margin-top:75px;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:25px;}
    .history .border{margin:30px auto;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;}
    .col-count-3{column-count:1;}
    .devChan .content{margin-top:0;}
    .inddev-hero{padding-top:100px;}
    .canopy .hero .first{padding-top:125px;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero-title{padding-top:20rem;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .event .head{margin-top:100px;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{padding:15px 0;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .devChan .hero{margin-top:0;}
    .devChan .chans{margin-top:2rem;}
    .dev-hero{height:350px;}
    .bio .container.first{margin-top:0;}
    .bio .blue-bg{padding:80px 0;}
    .green-bkg .main-body{padding-top:15vh;}
    .bio .quotation{line-height:1.25;}
    .bio .quote .q-up{top:-40px;}
    .donate-hero{height:90vh;}
    .components .nav-tabs li a{letter-spacing:0;}
    .book-modal .modal-dialog .book-cover{max-height:200px;}
    .legacy .hero-image{height:70vh;}
    .legacy .form-container{padding:4em 0;}
    .legacy .form-container hr{margin-top:8rem;}
    .theory-v2 .hero{height:650px;}
    .components .background-image{min-height:550px;}
    .theory-v2.style .hero-title{margin-top:0px;}
    .color-hover a.col-md-4{width:calc(33.3333333% - 1px);display:flex;height:500px;}
    .colleagues .container.first{padding-top:100px;height:auto;margin-top:0;}
    .colleagues .green-bkg{min-height:60vh;}
    .colleagues .green-bkg .hero-button{padding-top:0;}
    .colleagues section.content{padding-top:35px;}
    .colleagues section.container.country{margin-top:2em;}
    .colleagues .newsletter{margin-top:50px;margin-bottom:25px;}
    .colleagues .bottom{height:65vh;padding-top:50px;}
    .become .container.first{margin-top:50px !important;}
    .become .hero{height:600px;}
    .become .hero .background-image{height:600px;}
    .canopy .hero .first {
        padding-top: 200px;
    }
    .around .title{margin-top:10em;}
    #translations .title{margin-top:10em;}
    .legacy .hero{margin-top:75px;}
    .legacy .content{padding-top:50px !important;padding-bottom:50px !important;}
    .style-container .first{padding-top:50px;}
    .components .hero-title{margin-top:0!important;}
    .bio .container.first{margin-top:25px !important;}
    .video-library .container.first{padding-top:9rem;margin-top:0;}
    .article-submit .container.first{padding-top:8rem;}
    .book section.first{padding:7rem 15px;}
    .inddev-hero{min-height:350px;}
    section.newsletter{padding:50px 15px;}
}

/* Big Tablet Portrait */
@media screen and (min-width:1001px) and (max-width:1100px) and (orientation: portrait){
    .extra-content img{margin-top:10px !important;}
    .ind-block p{height:46%;}
    #carousel-example-generic{margin-top:0;height:calc(60vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:0px;top:20%;}
    .navbar .navbar-brand svg{height:70px;}
    .color-hover .col-xs-12{margin-bottom:15px;}
    .color-hover .over{top:unset;}
    .color-hover a .vert, .color-hover a .hori{padding:20px 15px;}
    h2{font-size:32px !important;line-height:42px !important;letter-spacing:3.2px !important;}
    footer .container .row div{margin-bottom:25px;}
    .quote{top:0;}
    .color-hover a .hori{display:block;}
    .cta-book a{line-height:26px;display:block;}
    #cta-btn{top:10px;}
    .home .muska-img img{min-height:300px;object-fit:cover;object-position:80%;}
    .first{margin-top:75px;}
    .home .first{margin-top:0;}
    .history .resource{margin-top:25px;}
    .history .border{margin:30px auto;}
    .col{width: calc(100% / 2);flex:0 0 calc(100% / 2);display:flex;}
    .faq .panel-heading i{margin-top:-30px;}
    .container.faq{padding-bottom:0;}
    .contact-info{margin-bottom:35px;}
    .col-count-3{column-count:1;}
    .devChan .content{margin-top:0;}
    .inddev-hero{padding-top:100px;}
    .canopy .hero .first{padding-top:200px;}
    .canopy .hero{min-height:55vh;}
    .style .content{margin-top:15px;}
    .canopy-full-img {margin:20px 0;}
    .canopy .canopy-gray{padding-top:50px;}
    .canopy .canopy-gray .mc-row{margin-bottom:50px;}
    .mobile-tab-nav{padding-top:30px;}
    .evo section.mt-8{padding-top:3rem;}
    .evo .hero-title{padding-top:20rem;}
    .observations .hero .hero-title {margin-top: 11em;}
    .book .btn-success{width:100%;}
    .training .hero{margin-top:0;height:50vh;}
    .training .hero .overlay{height:50vh;}
    .training .content .contact .text{text-align:center;}
    .training .content .contact .btn-success{width:100%;}
    .event .head{margin-top:100px;}
    .time-slot .time{text-align:left;}
    .modal-dialog{margin-top:35px !important;max-height:none;}
    .bio .bio-over-link .col-md-12{padding:0;}
    .bio .uneven .col-md-7{padding-right:15px;}
    .bio .uneven .col-md-5{padding-left:15px;}
    .bio .uneven .cap{padding:15px 0;}
    .glossary .term h4{margin-bottom:5px;}
    .history .owl-stage-outer{width:100%;}
    .devChan .hero{margin-top:0;}
    .devChan .chans{margin-top:2rem;}
    .dev-hero{height:350px;}
    .bio .container.first{margin-top:0;}
    .bio .blue-bg{padding:80px 0;}
    .green-bkg .main-body{padding-top:15vh;}
    .bio .quotation{line-height:1.25;}
    .bio .quote .q-up{top:-40px;}
    .donate-hero{height:60vh;}
    .book footer{bottom:0;position:absolute;width:100%;}
    .components .nav-tabs li a{letter-spacing:0;}
    .book-modal .modal-dialog .book-cover{max-height:200px;}
    .legacy .hero-image{height:40vh;}
    .legacy .form-container{padding:5em 0;}
    .legacy .form-container hr{margin-top:8rem;}
    .colleagues .container.first{padding-top:100px;height:auto;margin-top:0;}
    .colleagues .green-bkg{min-height:40vh;}
    .colleagues .newsletter{margin-top:50px;margin-bottom:25px;}
    .colleagues .bottom{height:40vh;}
    .become .container.first{margin-top:50px !important;}
    .become .hero{height:600px;}
    .become .hero .background-image{height:600px;}
    .color-hover a.col-md-4{width:calc(33.3333333% - 1px);display:flex;height:500px;}
}

/* Big Tablet Landscape */
@media screen and (min-width:1101px) and (max-width:1370px) and (orientation: landscape){
    .extra-content img{margin-top:10px !important;}
    .legacy .hero-image{height:70vh;}
    #carousel-example-generic{margin-top:0;height:100vh;}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:7%;top:20%;}
    .become .hero{height:600px;}
    .become .hero .background-image{height:600px;}
    .color-hover a.col-md-4{width:calc(33.3333333% - 1px);display:flex;height:500px;}
    .hide-tab{display:none !important;}
    .show-tab{display:block !important;}
}

@media screen and (min-width:1370px) and (max-width:1700px) {
    .legacy .hero-image{height:70vh;}
    #carousel-example-generic {margin-top:0;height:calc(100vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:7%;top:20%;}
    .color-hover a.col-md-4{width:calc(33.3333333% - 1px);display:flex;height:500px;}
}

@media screen and (min-width:2150px) {
    .legacy .hero-image{max-height: 1400px;}
}

@media screen and (max-width: 1370px) {
    .form .btn-success{
        width: 100%;
    }
}

/* Bootstrap Tablet Dropdown Menu */
@media screen and (max-width:1200px){
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        background-color:transparent;
    }
    .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    
    .navbar-brand{
        background-color: transparent !important;
    }
    
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: initial;
    }
}

@media screen and (max-width: 494px) {
    .components .hero .hero-title h1 {
        font-size: 40px;
    }
    
}

@media screen and (min-width:416px) and (max-width:840px) and (orientation: landscape) {
    #carousel-example-generic {height: calc(70vh - 36px);}
    #carousel-example-generic .carousel-inner{height:100%;}
    #carousel-example-generic .item{height:100%;}
    #carousel-example-generic .item img{height:100%;object-fit:cover;}
    #carousel-example-generic .item img.swoosh{height:auto;object-fit:contain;}
    #carousel-example-generic .carousel-caption{right:0px;left:7%;top:95px;}
}    
    

@media screen and (max-width: 1199px){
    .navbar-invert .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .navbar-white .navbar-toggle .icon-bar {
        background-color: #051227;
    }
    
    .navbar-collapse{
        margin-top: 70px;
        background: #fff;
    }
    .navbar-invert .navbar-collapse a{
        color: #000!important;
    }
       
    .dropdown > .has-submenu > .fa-angle-down {
        display: block;
    }
    
    .dropdown.open > .has-submenu > .fa-angle-down {
        margin-top: -33px;
        padding-left: 0;
        padding-right: 20px;
    }
     .dropdown.open .first {
        transform: rotate(180deg);
    }
    
    .dropdown .dropdown-menu, .first .dropdown-menu, .last .dropdown-menu {
    padding-top: 0;
    width: 100% !important;
    }
    
    .navbar-nav .open .dropdown-menu>li>a {
    padding: 6px 15px 6px 25px !important;
    }
    
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

 .navbar-right .dropdown-submenu .dropdown-menu {
        margin-left: 50px !important;
    }
    
    .dropdown-submenu a, .dropdown-menu li a {
        border: none!important;
        width: 100%;
    }
    
    
    .dropdown-submenu a .fa-angle-right {
        display: none;
    }
    .dropdown-submenu > .has-submenu > .fa-angle-down {
        border: none;
        margin-top: -34px;
        color: #000;
        display: block;
        right: 50px;
    }
    .dropdown-submenu.open > .has-submenu > .fa-angle-down{
        margin-top: -34px;
        padding-left: 0;
        padding-right: 20px;
        color: #FFF;
    }
    
    .dropdown-submenu.open a .second{
        transform: rotate(180deg);
    }
    .color-hover a .vert {
        padding:20px 15px;
    }
    .color-hover .svg {
        flex-basis:auto;
    }
    .dropdown-submenu .dropdown-menu li {
        width: 80%;
    }
    
}


@media screen and (max-width: 991px){
   .observations .grid .item{
       grid-column: span 2;
   }
   
   .observations .grid .large{
       grid-column: span 4;
   }
   
   .observations .grid {
       grid-column-gap: 20px;
       grid-row-gap: 20px;
   }
   .color-hover .row:not(.over) a {
       margin: 0 0 15px;
   }
   
}

@media screen and (max-width: 479px){
   .observations .grid .item{
       grid-column: span 4;
   }
   h1 {font-size: 40px;}
   .second-img, .third-img, #main-img {
       margin: 20px auto!important;
       float: none!important;
   }
   
   
}

@media screen and (min-width: 750px)  and (max-width: 882px){
    .canopy .hero {
        margin-top: -75px;
    }
}
@media screen and (min-width: 1001px)  and (max-width: 1100px){
    .canopy .hero {
        margin-top: -75px;
    }
}
/*Calendar Responsive*/
@media screen and (max-width: 992px){
    .calendar #calbody a, .calendar #calbodylist a {border-bottom: none;}
    .calendar .share-event {margin-top: -7.7em;}
    
}

@media screen and (max-width: 883px){
    .calendar .share-event {margin-top: -7.3em;}
        .calendar {padding:8em 0 0em !important;}
        .history .container.first{margin-top:100px;}
    .institute .container.first{margin-top:0;}
}

@media screen and (max-width: 583px){
    .calendar .share-event {margin-top: -7.7em;}
    
}

@media screen and (max-width: 570px){
    .calendar .share-event {margin-top: -10.25em;}
}

@media screen and (max-width: 490px){
    .calendar .share-event {margin-top: -9.5em !important;}

}

@media screen and (max-width: 380px) and (orientation: portrait) {
    .calendar .share-event{
        margin-top: -11.75em;
    }
}



/* isotope Responsiveness */ 
.col, .grid-sizer { 
    width:calc(100%/6); 
} 
@media screen and (max-width:1199px) { 
    .col, .grid-sizer { 
        width: calc(100%/6); 
    } 
    .news .first{padding-top:50px;margin-top:60px;}
} 
@media screen and (max-width:991px) { 
    .col, .grid-sizer { 
        width: calc(100%/4); 
    } 
    #carousel-example-generic {margin-top:0;height:calc(100vh - 36px);}
    .carousel-inner{height: 100%;}
} 
@media screen and (max-width:767px) { 
    .col, .grid-sizer { 
        width: calc(100%/3); 
    } 
} 
@media screen and (max-width:575px) { 
    .col, .grid-sizer { 
        width: calc(100%/1); 
    } 
    .col a { 
        display:block; 
        margin:0 auto; 
        width:fit-content; 
    } 
    .col img { 
        max-height:95%; 
    } 
} 
/* END isotope Responsiveness */