/*----------------- Responsive code -------------------*/

@media (min-width: 1281px) {
  
}


@media (min-width: 1024px) and (max-width: 1280px) {
 .navigation ul.sf-menu li > a, .navigation ul.sf-menu li > span {
    padding: 8px 5px;
    font-size: 85%;    
} 
.flex-caption {
    visibility: hidden;
}
    .flex-pauseplay a{
        visibility: hidden;
    }    
    
.path-frontpage .about-us-section {
    margin-top: -5%;
}

.marquee .view-header h2 {
    font-size: 100%;
    padding: 7px 12px;
}
.banner-wrapper .view-announcement {
    height: 234px;
}
.marquee .view-content {
    height: 245px !important;
}

element.style {
}
.path-frontpage .international-d { 
    left: 5%;
    top: 26%;
} 
.path-frontpage .media-sec .video-gallery {
    left: 5%;
}
.aboutus-sec {
    margin-top: 15%;
}  
    .banner-wrapper .view-announcement .view-footer {
    margin-top: 38%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.navigation ul.sf-menu li > a, .navigation ul.sf-menu li > span {
    padding: 8px 5px;
    font-size: 62%;
}
.flex-caption {
    visibility: hidden;
}
    .flex-pauseplay a{
        visibility: hidden;
    }    
    
.path-frontpage .about-us-section {
    margin-top: -8%;
}
.international-d h2 {
    font-size: 100%;
}
.international-d .flexslider .slides li img {
    height: 220px;
}    
.marquee .view-header h2 {
    font-size: 85%;
    padding: 7px 12px;
}
.banner-wrapper .view-announcement {
    height: 175px;
}
.marquee .view-content {
    height: 188px !important;
}

element.style {
}
.path-frontpage .international-d { 
    left: 5%;
} 
.path-frontpage .media-sec .video-gallery {
    left: 5%;
}    
#cmf-site-header .container .logo {
    font-size: 116%;
    line-height: 105%;
    margin-left: -25px;
}
#cmf-site-header .container .right {
    float: right;
    margin-right: -40px;
}
.marquee .js-marquee span.field-content {
    font-size: 15px;
    font-weight: 600;
} 
.aboutus-sec {
    margin-top: 15%;
}    
  
}

@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.navigation ul.sf-menu li > a, .navigation ul.sf-menu li > span {
    padding: 8px 5px;
    font-size: 62%;
}
.flex-caption {
    visibility: hidden;
}
    .flex-pauseplay a{
        visibility: hidden;
    }    
    
.path-frontpage .about-us-section {
    margin-top: -8%;
}
.international-d h2 {
    font-size: 100%;
}
.international-d .flexslider .slides li img {
    height: 220px;
}    
.marquee .view-header h2 {
    font-size: 85%;
    padding: 7px 12px;
}
.banner-wrapper .view-announcement {
    height: 975px;
}
.marquee .view-content {
    height: 188px !important;
}
.banner-wrapper .view-announcement .view-footer {
    margin-top: 50%;
}
element.style {
}
.path-frontpage .international-d { 
    left: 5%;
    top: 24%;
} 
.path-frontpage .media-sec .video-gallery {
    left: 5%;
}    
#cmf-site-header .container .logo {
    font-size: 116%;
    line-height: 105%;
    margin-left: -25px;
}
#cmf-site-header .container .right {
    float: right;
    margin-right: -40px;
}
.marquee .js-marquee span.field-content {
    font-size: 15px;
    font-weight: 600;
}    
  
 .aboutus-sec {
    margin-top: 15%;
} 
}

@media (min-width: 481px) and (max-width: 767px) {
#cmf-site-header .container .logo a {
    display: inline-table;
    text-align: center;
    color: #000;
}  
.path-frontpage .international-d {
    position: relative;
    left: 0;
}
.views-field.views-field-field-upload-video iframe {
    width: 100%;
}
#cmf-site-header .container .logo a {
    display: table;
    text-align: center;
    margin: 0 auto;
}    
#cmf-site-header .container .logo {
    float: none;
}    
#cmf-site-header .container .right ul li img {
    max-width: 155px;
    margin-right: 0;
}
#cmf-site-header .container .right ul li {
    float: left;
    margin-left: 15px;
}
.flex-caption {
    display: none;
}
.about-us-section {
    margin-top: 24px;
}    
.banner-wrapper .view-announcement {
    height: 240px;
}
.marquee .view-content {
    height: 150px !important;
}
.path-frontpage .media-sec .video-gallery {
    left: 0;
}
.media-gallery .flexslider .slides li img {
    height: auto;
} 
.media-gallery .flex-control-thumbs img {
    height: auto;
} 
.path-frontpage .international-d { 
    left: 5%;
    top: 24%;
}
a#superfish-main-toggle {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #fff;
    top: 7px;
    left: 8px;
}
.path-frontpage a#superfish-main-toggle span {
    font-size: 0px;
}
.path-frontpage a#superfish-main-toggle span:before {
    content: '';
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    left: 0px;
    top: 6px;
    background: #fff;
    z-index: 3;
}
.path-frontpage a#superfish-main-toggle span:after {
    content: '';
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    left: 0;
    top: -14px;
    background: #fff;
}
    
  
}


@media (min-width: 320px) and (max-width: 480px) {
a#superfish-main-toggle {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #fff;
    top: 7px;
    left: 8px;
}
.path-frontpage a#superfish-main-toggle span {
    font-size: 0px;
}
a#superfish-main-toggle span {
    font-size: 0;
}    
a#superfish-main-toggle span:before {
    content: '';
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    left: 0px;
    top: 6px;
    background: #fff;
    z-index: 3;
}
a#superfish-main-toggle span:after {
    content: '';
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    left: 0;
    top: -14px;
    background: #fff;
}
  
#cmf-site-header .container .logo a {
    display: inline-table;
    text-align: center;
    color: #000;
}  
.path-frontpage .international-d {
    position: relative;
    left: 0;
}
.views-field.views-field-field-upload-video iframe {
    width: 100%;
}
#cmf-site-header .container .logo a {
    display: table;
    text-align: center;
    margin: 0 auto;
}    
#cmf-site-header .container .logo {
    float: none;
}    
#cmf-site-header .container .right ul li img {
    max-width: 155px;
    margin-right: 0;
}
#cmf-site-header .container .right ul li {
    float: left;
    margin-left: 15px;
}
.flex-caption {
    display: none;
}
.about-us-section {
    margin-top: 24px;
}    
.banner-wrapper .view-announcement {
    height: 240px;
}
.marquee .view-content {
    height: 202px !important;
}
.path-frontpage .media-sec .video-gallery {
    left: 0;
}
.media-gallery .flexslider .slides li img {
    height: auto;
} 
.media-gallery .flex-control-thumbs img {
    height: auto;
}
.marquee .view-header h2 {
    font-size: 100%;
}  
 #cmf-site-topbar .container .right #cmf-site-setting li {
    text-align: center;
}

    #cmf-site-topbar .container .right #cmf-site-setting li img {
    max-width: 22px;
    margin-right: 0;
    float: none;
}
    #cmf-site-topbar .container .right #cmf-site-setting li.cmf-accessibility {
    width: auto;
}
    #cmf-site-topbar .container .right #cmf-site-setting li.cmf-search {
    width: auto;
}
    #cmf-site-header .container .right ul li img {
    max-width: 93px !important;
}
    #cmf-site-header .container .right ul li {
    float: left;
    margin-left: 3px;
}
    form#user-login-form {
    padding: 10px;
}
 
#user-login-form input.form-text, #user-pass input.form-text { 
    width: 310px;        
}
.description {
    width: auto;
} 
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-captcha-response.form-item-captcha-response {
    width: 100%;
}
    .captcha img {
    width: 50%;
    float: none;
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
    .reload-captcha-wrapper {
    float: none;
    width: 28%;
    display: block;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    bottom: 27%;
    right: 0;
    margin: 0 auto;
}
    ul.tabs.primary > li > a:after {
    content: " ";
    background-color: #D9D9D9;
    height: auto;
    width: 100%;
    z-index: 1;
}
    ul.tabs.primary > li > a:before {
    content: " ";
    height: auto;
    width: 100%;
    background-color: #D9D9D9;
}
    .path-user ul.tabs {
    float: none;
    width: 100%;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 0 !important;
    padding: 8px 8px;
    border-radius: 4px;
}
ul.tabs.primary > li.is-active > a {
    margin-bottom: 0;
    margin-top: 17px;
}    
 ul.tabs.primary > li > a { 
    margin-top: 5px;
}   
.user-form .js-form-wrapper {
    width: 100%;
    float: none;
    margin-right: 0;
}
.user-register-form .js-form-item.form-item.js-form-type-cshs.form-type-cshs.js-form-item-field-division-0-target-id.form-item-field-division-0-target-id {
    width: 100%;
}  
    .user-form div#edit-account {
    display: block;
    width: 100%;
}    .user-form .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-mail.form-item-mail {
    width: 100%;
    float: none;
    margin-right: 10px;
}
.user-register-form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name {
    width: 100%;
    float: none;
    margin-right: 0;
}
    .user-register-form div#edit-pass {
    width: 100%;
      float: none;
    display: grid;
}
    .user-register-form .captcha img {
    width: auto;
    float: none;
    display: block;
    position: relative;
    left: 0;
    bottom: 0px;
}
    
#edit-field-upload-pan-wrapper input {
    width: 100%;
}
.image-widget-data input {
    width: 100%;
}    
.reload-captcha-wrapper {
    position: relative;
    left: 40%;

}
#user-register-form #edit-reset {
    left: 59.3%;
}   
#cmf-site-topbar .container .left ul {
    display: none;
} 
#cmf-site-topbar .container .right #cmf-site-setting {
    height: auto;
    padding: 4px 4px;
}  
#cmf-site-topbar .container .right ul > li {
    padding: 0px 5px;
}    
/*--- feedback ----*/
 .webform-submission-form .form-group {
    float: left;
    width: 100%;
    margin-right: 0;
}
.path-webform .layout-content { 
    height: 980px;
    background-size: 65%;
    background-position: bottom;
}
.webform-submission-form {
    width: 100%;
    padding: 0;    
}
    
.webform-submission-form .reload-captcha-wrapper {
    position: relative;
    left: 40%;
    top: -78px;
}   
.webform-submission-form .reload-captcha-wrapper {
    margin-top: -24px;
}  
 #cmf-site-topbar .container .right #cmf-site-setting:after{
        content: '';
        display: block;
        background-color: #dad3d3;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 49%;
        transform: translate(-0 , -50%); 
}  
.banner-wrapper {
    max-height: 470px;
    overflow: hidden;
}    
    
}