
@media only screen and (min-width:1901px) and (max-width:1920px) {
    .jm-img-container{max-width:570px;right:200px;}
    #inner-banner .col-xl-3 {width: 25%;}
    #inner-banner .col-xl-9 {width: 75%;}
    #main-menu ul{margin: 0 380px 0 0;}

    #inner-banner .right-block .author:after{top: 0;bottom:auto;}

    #inner-banner .right-block .author:after{top:-18px;}
    #inner-banner .right-block .author{padding-top:50px;}

}
@media only screen and (min-width:1601px) and (max-width:1900px) {

    .jm-img-container{max-width:450px;}

    #main-menu ul{margin-right:200px;}
    #main-menu ul li a{padding:54px 20px 10px;}

    #banner ul.slides li .container .banner-text .small{font-size: 200%;padding-left: 130px;}    
    #banner ul.slides li .container .banner-text .big{font-size: 350%;margin-bottom:30px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.7);top:-90px;}    
    #banner ul.slides li .container .banner-text{padding-top: 75px;}    
    #banner .bg:after{width:270px;}
    #banner:before{width:400px;}
    #banner ul.slides li .container .banner-text > div{width:700px;}
    /*    #inner-banner .about-banner{left: -14%;transform: translateY(-71%);}*/

    #inner-banner .right-block{font-size:150%;}    
    #inner-banner .right-block .author{margin: 0px -100px 0 0;}
    /*#inner-banner .right-block .author:after{bottom: 50px;}*/

}
@media only screen and (min-width:1441px) and (max-width:1600px) {
    .jm-img-container{max-width:400px;}
    #main-menu ul{margin-right:200px;}
    #main-menu ul li a{padding:50px 15px 10px;}

    /*    #quotes .img-wrap{top:8px;}*/
    #banner ul.slides li .container .banner-text .small{font-size: 200%;padding-left: 130px;}    
    #banner ul.slides li .container .banner-text .big{font-size: 350%;margin-bottom:30px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.7);top:-90px;}    
    #banner ul.slides li .container .banner-text{padding-top: 75px;}    
    #banner .bg:after{width:270px;}
    #banner:before{width:400px;}
    #banner ul.slides li .container .banner-text > div{width:700px;}

    #inner-banner .right-block{font-size:130%;}
    #inner-banner .right-block .author{margin:0px -130px 0 0;font-size:100%;}


    /*    #inner-banner .about-banner{left:-16%;transform: translateY(-78%);max-width:380px;}*/
}
@media only screen and (min-width:1200px) and (max-width:1440px) {
    /*    #banner:before {transform: scale(0.65); transform-origin: bottom;}*/
    /*    #quotes .quote-content h4{font-size:200%;}*/

    #main-menu ul{margin-right:170px;}
    /*.jm-img-container{top: auto;}*/
    /*.jm-img-container img{transform: scale(0.57);}*/
    .jm-img-container{max-width:350px;}
    #banner ul.slides li .container .banner-text .small{font-size: 200%;padding-left: 130px;}

    #banner ul.slides li .container .banner-text .big{font-size: 350%;margin-bottom:30px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.7);top:-90px;}

    #banner ul.slides li .container .banner-text{padding-top1: 75px;}

    #banner .bg:after{width:270px;}
    #banner:before{width:400px;}
    #banner ul.slides li .container .banner-text > div{width:700px;}

    #main-menu ul li a{padding:50px 15px 10px;}

    #inner-banner{height:300px;max-height:300px;}
    #inner-banner .row{height:300px;}

    #inner-banner .right-block{font-size:130%;padding: 0 130px 0 180px;}
    #inner-banner .right-block .tagline{transform: scale(0.7);}

    #inner-banner .right-block .author{font-size:90%;padding-top:42px;}
    #inner-banner .right-block .author:after{transform: scale(0.7);bottom:25px;top: auto;}

    #inner-banner .left-block{font-size:290%;}
    #inner-banner .right-block{font-size:110%;}

    footer #top.padding{padding: 70px 0;}
    footer #top:before{transform: scale(0.8);bottom:0px;right:0;transform-origin:right bottom;left:auto;}

    .social-connect ul{margin: 40px -20px 20px;}


}
@media only screen and (min-width:1200px) and (max-width:1440px) {

}

@media only screen and (min-width:769px) and (max-width:1024px)
{
    .padding{padding:100px 0;}
    header{position: static !important;width:100%;}

    header #logo a{padding:20px 0;font-size:170%;}

    .jm-wrapper{margin-top: 80px;}
    #main-menu ul{margin: 0 70px 0 0;}
    #main-menu ul li a{padding: 33px 10px 10px;}

    header .social-connect a{width:35px;height:35px;}
    header .social-connect a i{font-size:18px;}
    header .social-connect ul{margin:24px -20px 20px;}

    .jm-img-container{max-width:400px;right: 61px;bottom:-50px;}
    #banner-outer{margin-top:0px;}
    #banner{height:630px;max-height: 630px;}
    #banner:before{width:400px;}
    #banner .bg:after{width:260px;}
    #banner ul.slides li .container .banner-text > div{max-width: 495px;}
    #banner ul.slides li .container .banner-text .small{font-size:170%;padding-left: 130px;}
    #banner ul.slides li .container .banner-text .big{font-size:250%;margin-bottom: 30px;}
    #banner ul.slides li .container .banner-text .name{margin-left: 10px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.8);top:-80px;}

    #about-me h2.title{font-size:270%;}
    #about-me .quote-block{padding:30px;margin: -11px 0 0 -15px;}
    #about-me .quote-block span{margin-bottom: 20px;}
    #about-me .quote-block h4{font-size:230%;}

    #about-me .about-content{margin: 38px 0 0 -30px;}
    #about-me .about-content p{margin-bottom: 10px;font-size:90%;}

    .jm-manch .img-wrapper{transform: scale(0.9);}
    .jm-manch .sub-info{padding-top:70px;}
/*    #quotes{max-height:480px;}
    #quotes:before{height: auto;}
    #quotes .quote-block{padding-top:0px;}

    #quotes .img-wrap{bottom:20px;}
    #quotes .img-wrap img{max-width:100%;}
    #quotes .quote-content h4{font-size: 180%;}*/

    #latest-news .news-link .news-wrapper .pic-wrapper{height:200px;}

    footer #top:before{transform: scale(0.73);}
    footer #top.padding{padding:70px 0;}
    footer #top .address{padding:30px;}

    #inner #main-menu ul{margin-right: 75px;}
    #activity .activity-block .main-info{padding:20px;}
    .activity-block .activity-pic{height:240px;}
    .activity-block .activity-title{font-size:90%;}

    h2.title{font-size:340%;}

    #inner-banner{margin-top:0;}
    #inner-banner .left-block{font-size:240%;width: calc(100% - 70px);}
    #inner-banner .about-banner{bottom:-21px;left:-15px;}
    #inner-banner .about-banner img{max-height:95%;}
    #inner-banner .right-block .tagline{transform: scale(0.8);}
    #inner-banner .right-block .author:after{transform: scale(0.8);}
    #inner-banner .right-block .author{margin-right: -35px;}

    #inner-banner .right-block{padding:0 80px 0 170px;font-size:130%;}

    .contact .contact-block{margin: -15px -18px 0 -15px;}
    .contact .contact-block{padding: 40px 40px 40px 30px;}
    .contact .form-panel {margin-top: 43px;}

    #main-content .activities .activity-block{margin-bottom: 50px;}
    #main-content .activities .row [class^="col-"]{margin-bottom: 0px;}
    #main-content .activities .activity-block .main-info{border-left:1px solid #f0f0f0;border-top:none;padding:30px 20px 40px;width:100%;}
    #main-content .activities .activity-block .activity-title{margin-bottom:10px;}

    .back-buttons{margin:30px 0;}

    .rdam-detail h4.sub-title{font-size:220%;}
    .block-detail .trending-links{margin-left: 20px;}

    #main-content .activities .row:first-child [class^="col-"]{width: 49.2%;}
    #main-content .activities .row:first-child [class^="col-"] .activity-block .row [class^="col-"]{width: 100%;}

    #inner-top{margin-top: 0;}
    .jm-block .ele-info{padding: 80px 50px 50px;}
    .top100{margin:70px 0;}

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

    #mobile-menu ul li a{padding:20px;}
    #mobile-menu-icon{display:block;top:44px;}
    #main-menu{display:none;}
    #mobile-menu.active #main-menu{display:block !important;}
    #wrapper{width:100%;position:relative;z-index:10;background:#fff;}
    #mobile-menu{display:block;}
    #mobile-menu.active{right:-250px;}

    header{margin:0 auto;height:105px;width: 100%;position: static !important;}
    header > div{width:100%;margin:0 auto;}
    header #logo{margin:0px;max-width:250px;}
    header #logo a{padding:24px 0;background-color: transparent;} 

    header .social-connect ul{margin:33px 50px 0px 0;}

    .padding{padding: 70px 0;}
    h2.title{font-size:230%; margin-bottom: 30px;}

    .jm-wrapper{height: 705px; max-height: 705px; overflow: hidden; top:105px; left: 0;}
    .jm-img-container{right:0;max-width:45%;top:auto; height: auto; bottom: 0;}
    /*.jm-img-container img{max-width:60%;}*/

    #banner-outer{margin-top:0px;}
    #banner{height: 705px; max-height: 705px;width: auto;margin:0 auto;}
    #banner .bg:after{width:150px;}
    #banner ul.slides li .container .banner-text > div{max-width:447px;}
    #banner ul.slides li .container .banner-text .small{font-size:150%;padding-left: 130px;}
    #banner ul.slides li .container .banner-text .big{font-size:250%;margin:-10px 0 30px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.8);top:-85px;}

    #banner ul.slider li{height: 500px; max-height: 500px;}
    #banner ul.slider li .container{width: 100%;}
    #banner ul.slides li .container .banner-text{padding-top:100px;}
    #banner:before{width:200px;height:90px;}
    #banner:after{width:100%;height:200px;}
    #banner .bg{height: calc(100% - 90px);}
    /*    #banner .bx-wrapper .bx-controls{max-width: 94.5%;}*/

    #about-me h2.title{font-size:250%;}
    #about-me .quote-block{padding:30px 30px 40px;margin: -10px 0 0 -15px;}
    #about-me .quote-block h4{font-size:250%;}
    #about-me .about-content{margin:35px 0 0;}
    #about-me .about-content p{font-size:83%;margin-bottom:10px;}

    #latest-news .news-wrapper .news-by{font-size:100%;}

/*    #quotes{max-height:400px;}
    #quotes:before{height:35px;}
    #quotes .quote-block{padding-top: 30px;}
    #quotes .img-wrap img{max-width:100%;}
    #quotes .quote-content h4{font-size:120%;margin-bottom: 10px;line-height: normal;}
    #quotes .quote-content p{font-size:80%;line-height: normal;}*/

    footer #top.padding{padding:30px 0;}
    footer #top .address{margin-left: 0;padding:25px;}
    footer #top .address p{font-size:102%;}
    footer #top:before{transform: scale(0.5);bottom:69px;}

    .slider .owl-nav{top:-65px;}
    .contact .contact-block{margin:-9px 0 0 0;padding:30px;}
    .contact .contact-block ul.numb li{font-size:82%;}

    #inner-banner{width:100%;margin:0 auto;}

    #inner-banner .left-block{font-size:150%;}
    #inner-banner .right-block{padding: 0 100px 0 184px;font-size: 100%;}
    #inner-banner .about-banner{bottom:-20px;}
    #inner-banner .about-banner img{max-height:95%;}
    #inner-banner .right-block .tagline{transform: scale(0.8);}
    #inner-banner .right-block .author:after{transform: scale(0.8);}
    .about-jm .social-tagline{font-size: 250%;}
    .jm-manch .img-wrapper{transform: scale(0.7);bottom:-417px;}
    .jm-manch .sub-info{padding-top: 10px;}
    .jm-manch.padding{padding-bottom: 350px;}
    h4.sub-title{font-size:230%;}
    .bottom-wrapper .rdam-content{padding:50px;font-size:150%;}
    .bottom-wrapper .rdam-content .rdam-logo{width:200px;height:200px;margin:-155px auto 50px;}

    .block-detail.padding{padding:70px 0;}
    .block-detail .info-block h4.sub-title{font-size:200%;}
    .block-detail .info-block p{margin-bottom: 20px;}
    .block-detail h3{font-size:150%;}
    .related-videos .video-item .video-thumb{height:100px;}
    .block-detail .trending-links{margin-left: 0;}
    .block-detail .trending-links h3{font-size:130%;padding:20px;}
    .block-detail .trending-links .right-link-block{padding:20px;}
    .block-detail .trending-links .right-link-block .img-container{height:130px;margin-bottom: 10px;}
    .block-detail .trending-links .right-link-block .news-title{font-size:85%;}

    #activity .activity-block .row-eq-height{flex-wrap: wrap;}
    .activity-block .activity-pic{height:200px;}

    .news a.item{margin:20px 0;}
    #main-content .activities .activity-block{margin-bottom: 30px;}
    #main-content .activities .activity-block .main-info{border-left:1px solid #f0f0f0;border-top:none;}
    #main-content .activities .row [class^="col-"]{margin-bottom:0;}

    .contact .form-panel{margin-top: 30px;}
    #activity .activity-block .activity-title{margin-bottom: 15px;}
    #main-content .activities .row:first-child [class^="col-"]{width: 49.2%;}
    #main-content .activities .row:first-child [class^="col-"] .activity-block .row [class^="col-"]{width: 100%;}
    #inner-top{margin-top: 0;width:100%;margin:0 auto;}

    #main-content .rise-blog.padding{padding:70px 0 300px;}
    #main-content .rise-blog h4.sub-title{margin-bottom:30px;}
    .rise-blog p{margin-bottom:25px;}

    .una-content .core-team{padding:30px;}
    .top100{margin:50px 0;}
    .una-content p{margin-bottom:25px;}
    .jm-block .ele-info{padding:30px;}
    .jm-block .ele-info p{margin-bottom:25px;}


    .modal-header h4.modal-title{font-size:180%;}
    .modal-body{padding: 30px 30px 50px;}

    #tabs li{width: auto;  margin: 0 15px;}    
    #tabs li a{font-size: 135%; padding: 20px 30px;}
    
}
@media only screen and (min-width:320px) and (max-width:767px){
    body, table, input, textarea, select{font-size: 14px;}

    #tabs li{width: 32%; margin: 0;}
    #tabs li a{padding: 10px 0; font-size: 110%;}
    .media .media-heading{font-size: 120%;}
    #mobile-menu-icon{display:block;top:20px;}
    #main-menu{display:none;}
    #mobile-menu.active #main-menu{display:block !important;}
    #wrapper{width:100%;position:relative;z-index:10;}
    #mobile-menu{display:block;}
    #mobile-menu.active{right:-250px;}

    header{width:auto;margin: 0 auto; height: 55px;z-index: 999; position: static !important;}
    header > div{width:100%;margin:0 auto;}
    header #logo{margin:0;width:160px;}
    header #logo a{padding:15px 0; border-radius: 0; background-color: transparent; display: block;}


    .social-connect{position: fixed; right: 0; top: 100px; background-color: rgba(255,255,255,0.7); width:35px; border-radius:5px 0 0 5px;  }
    header .social-connect ul{text-align: center; margin: 0;}
    header .social-connect ul li{margin-left: 0;}
    header .social-connect a{width: 35px; height: 35px; line-height: 40px;}

    #banner-outer{margin-top: 0;}
    #banner{width:auto;margin:0 auto;height:300px;max-height:300px;}
    #banner .bg{height:300px;}
    /*.jm-img-container{display: none;}*/
    #banner .bg:after{display: none;}
    #banner:before{display: none;}
    #banner:after{display: none;}
    #banner ul.slider li{height: 436px; max-height: 436px;}
    .jm-img-container{top:5%;bottom:0;max-width:100px;right:0;}
    #banner ul.slider li .container{width: 100%;}
    #banner ul.slides li .container .banner-text{padding-top: 0;}


    #banner ul.slides li .container .banner-text .small{font-size:100%;padding-left: 100px;}
    #banner ul.slides li .container .banner-text .big{font-size:140%; line-height: normal;}
    #banner ul.slides li .container .banner-text > div{max-width:170px;}
    #banner ul.slides li .container .banner-text > div:before{transform: scale(0.6);left:-15px;top:-110px;}
    #banner ul.slides li .container .banner-text .big{margin-bottom: 20px;}
    #banner ul.slides li .container .banner-text .name{font-size:90%;margin-left:10px;}
    #banner .bx-wrapper .bx-pager{display: none;}
    #banner ul.slider li .container .banner-txt .btn{margin-top: 15px;}
    #banner .bx-wrapper .bx-controls-direction a{width: 30px; height: 30px; line-height: 30px;}
    #banner .bx-wrapper .bx-controls-direction a.bx-prev:before, #banner .bx-wrapper .bx-controls-direction a.bx-next:before{-moz-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7);}
    #banner .for-line{display: none;}

    .padding{padding: 40px 0;}
    h2.title{font-size:250%;text-align:left; margin:0 0 30px 0; }
    #about-me h2.title{font-size:250%;}
    #about-me .about-content p{margin-bottom: 15px;}
    #about-me .quote-block{padding:30px;margin-top: -7px;margin-left: 0;}
    #about-me .quote-block span{margin-bottom: 20px;width:50px;}
    #about-me .quote-block h4{font-size:210%;}
    #about-me .about-content{margin:20px 0;}

    .jm-wrapper{height: 300px; right: 0; top: auto;}
    .jm-img-container{top: auto; bottom: 0;}

    /*#quotes{background-size: 100%;}
    #quotes:before{display: none;}
    #quotes .quote-content h4{font-size:175%}
    #quotes .quote-content{max-width: 100%;}
    #quotes .row{display: block; width: auto; margin: 0;}
    #quotes .row [class^="col-"]{display: block; padding: 0;}
    #quotes .img-wrap img{margin: 0 auto;}
    #quotes .img-wrap{right: 0; }*/

    #latest-news .news-link a.item{margin:20px 0;}
    #latest-news .news-link .news-wrapper .pic-wrapper{height:180px;}
    .slider .owl-nav{top:-30px;}

    /*    .copyright{font-size: 80%;} 
        .copyright .design-by:before{display: none;}
        .copyright .design-by{padding: 0; margin: 0;}*/

    #main-content .rise-blog.padding{padding:40px 0;}
    #main-content .rise-blog h4.sub-title{margin-bottom:20px;}
    .rise-blog p{line-height:normal;margin-bottom: 15px;}

    .una-content .core-team{padding:20px;margin-bottom: 30px;}
    .una-content h4{font-size:150%;}
    .una-content p{margin-bottom:15px;}
    .top100{margin:30px 0;}

    .jm-block .ele-info{padding:20px;}



    footer #top .address{padding: 20px 20px 30px;margin: -10px 0 0 0;}
    footer #top ul.contact-info{margin:30px 0;}
    footer #top ul.contact-info li{margin-bottom: 13px;padding-left:30px;}
    footer #top ul.contact-info li .email{top:2px;}
    footer #top ul.contact-info li .phone{top:-4px;}

    .appointment a{margin:0 auto;height: auto;}
    .appointment a.btn-custom{font-size:100%;min-width:100px;}
    /*footer #top:before{right: auto;top: -128px;left: -170px;transform: scale(0.27);}*/
    footer #top:before{display: none;}
    footer #bottom{text-align:center;padding:10px;}
    footer #bottom span{display:block;}

    .view-more{font-size:110%;}
    .view-more:before{margin-top: 0;}

    #inner-banner .row [class^="col-"].bg-pink{display: none;}
    #inner-banner .right-block{padding:0px 20px;font-size:100%;margin-top: -30px;}

    .about-jm .social-tagline{font-size:230%;line-height: 100%;margin-bottom: 30px;}
    .about-jm .social-content{margin:30px 0;}
    .about-jm .social-content p{line-height:normal;margin-bottom: 10px;}

    .bottom-wrapper .rdam-content .rdam-logo{width:180px;height:180px;margin:-110px auto 30px;}
    .rdam-detail{padding-bottom: 10px;}
    .bottom-wrapper:after{height:80px;bottom:0;}
    .bottom-wrapper .rdam-content{padding:20px;font-size:130%;line-height: normal;}

    #news-top{width:auto;margin:0 auto;}
    #news-top .row [class^="col-"].bg-blue{display: none;}
    .news-detail.padding{padding:40px 0;}
    .news-detail .info-block h4.sub-title{font-size:170%;}
    .news-detail .social-connect{padding:0;}
    .news-detail .info-block p{margin-bottom: 15px;}

    .news-detail .news-links{margin: 0;}
    .news-detail .news-links h3{padding:20px;font-size:150%;}
    .news-detail .news-links .right-link-block{padding:20px;margin-bottom: 20px;}
    .news-detail .news-links .right-link-block a.item{margin-bottom: 30px;}
    .back-buttons{margin:20px 0;}

    #activity .activity-block{margin-top: 30px;}
    .contact .contact-block{margin:-7px auto 0;padding:20px 20px 30px;}
    .contact .contact-block ul.contact-info li .email{top:2px;}
    .contact .contact-block ul.contact-info{margin-bottom: 30px;}
    .contact .contact-block .person-block{margin:30px 0 50px;}
    .contact .contact-block ul.numb li{font-size:90%;}
    .contact .contact-block .person-block .name{margin-bottom: 15px;}
    .contact .contact-block ul.numb li .phone{top:-5px;}

    .news a.item{margin:20px 0;}

    .block-detail.padding{padding:40px 0;}
    .block-detail .info-block p{margin-bottom: 15px;}
    .block-detail .trending-links{margin:20px 0;}
    .block-detail .trending-links .right-link-block{padding:20px;}
    .block-detail .trending-links .right-link-block a.item{margin-bottom: 30px;}


    .activity-block .activity-pic{height:150px;}

    .rdam-detail .jm-manch .row-eq-height{flex-wrap: wrap;}

    #inner-banner .about-banner{display: none;}
    #inner-banner{width:100%;margin:0px auto 0;height:250px;max-height:250px;}
    #inner-banner .row{height:250px;}
    #inner-banner .right-block .tagline{transform: scale(0.5);left:-25px;}
    #inner-banner .right-block .author{margin: 0 20px 0 0;font-size:100%;padding-top: 45px;}
    #inner-banner .right-block .author:after{transform: scale(0.5);}
    #banner ul.slides li .container{display: block;}
    #activity .activity-block .row-eq-height{flex-wrap: wrap;}

    #main-content .block-detail .info-block .social-connect{position: inherit;width:auto;}

    #main-content .activities .row [class^="col-"]{margin-bottom: 0;}
    #main-content .activities .activity-block{margin-bottom: 30px;}
    #main-content .activities .activity-block .main-info{border-top:none;border-left:1px solid #f0f0f0;padding:30px 20px 40px;}

    .block-detail .trending-links h3{padding:20px;font-size:150%;}
    #activity .activity-block .main-info{padding:30px 20px 40px;}

    .jm-manch.padding{background-size: 200%;padding:30px 0 50px;}

    .jm-manch .sub-info{padding:30px 0 30px;}
    .jm-manch .img-wrapper{position: relative;width:100%;height:100%;left: 0;right:0;bottom: -100px;margin: 0 auto;}

    .block-detail .info-block h4.sub-title{font-size:200%;}
    h4.sub-title{font-size:200%;}

    #inner-top{margin-top: 0;}

    .modal-header h4.modal-title{font-size:150%;}
    .modal-header p{font-size:90%;}
    .modal-body{padding:30px;}
    .btn-wrap .btn-custom{min-width:105px;}

    .btn-wrap{margin:10px 0;}
    .btn{height:auto;}
    .modal-header .close{right:2px;top:2px;}
    
    #quotes .quote-content h4{font-size: 160%;}
    #quotes-slider .owl-dots{text-align: center; left: 0;}

}
@media only screen and (max-width:767px) and (orientation:portrait){
    #banner{height: calc(92vh - 70px); max-height: calc(92vh - 70px);}
    #banner .bg{height: calc(92vh - 70px);}
    #banner .bg:after{content: ""; display: block; z-index: 9; height: 50px; background-color1: #c01b33; position: absolute; left: 0; right: 0; bottom: 0; top:auto; width: 100%;}
    #banner ul.slides li .container .banner-text > div:before{position: relative; left: 0; top: 0; transform-origin: left bottom;}
    #banner ul.slides li .container{display1: block; vertical-align: top;}
    #banner ul.slides li .container .banner-text{display1: block; vertical-align: top;}
    #banner ul.slides li .container .banner-text .small{padding: 0;}
    .jm-wrapper{max-height: calc(100vh - 45px); width: 100%; right: 0; height: 100vh; top: 0; overflow: hidden;}
    .jm-img-container{max-width:55%; height: auto; right: 5px; z-index: 99; bottom: 15px;} 

}
@media only screen and (max-width:767px) and (orientation:landscape){}
@media only screen and (min-width:320px) and (max-width:480px){




}

