@media(min-width:1920px) {
    .patternboximg {
        left: -10px;
        }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 21px 20px;
    }
    .research-ka-huakai-text {
	font-size:170px;
    letter-spacing:-4px;
	}
    .research-ka-huakai-subtext {
	font-size:60px;
    letter-spacing:-1px;
	}
}

@media(max-width:1920px) and (min-width:1799px) {
    .patternboximg {
        left: -130px;
    }
    .home_inn .slick-prev {
        left: -150px;
    }
    .home_inn .slick-next {
        right: -150px;
    }
    .meaDiv .meapattern {
        left: -12%;
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 21px 20px;
    }
    .calendr {
/*    display:block; */
    }
    .research-ka-huakai-text {
	font-size:160px;
    letter-spacing:-4px;
	}
    .research-ka-huakai-subtext {
	font-size:60px;
    letter-spacing:-1px;
	}
    .research-ka-huakai-subtext {
	font-size:50px;
    letter-spacing:-1px;
	}
}

@media(max-width:1798px) and (min-width:1699px) {
    .patternboximg {
        left: -170px;
    }
    .home_inn .slick-prev {
        left: -150px;
    }
    .home_inn .slick-next {
        right: -150px;
    }
    .meaDiv .meapattern {
        left: -16%;
    }
	.navbar-dark .navbar-toggler {
    color:rgba(255,255,255,1)
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 21px 20px;
    }
    .research-ka-huakai-text {
	font-size:150px;
    letter-spacing:-4px;
	}
    .research-ka-huakai-subtext {
	font-size:50px;
    letter-spacing:-1px;
	}
}

@media(max-width:1698px) and (min-width:1499px) {
    .patternboximg {
        left: -280px;
    }
    .coming .coming-right {
/*        right: -213px;
        width: 156px; */
        bottom: -93px;
    	height: 430px;
    	left: initial;
    	right: 0;
    	width: 374px;
    }
    .meaDiv .meapattern {
        left: -25%;
    }
    .home_inn .slick-prev {
        left: -150px;
    }
    .home_inn .slick-next {
        right: -150px;
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 21px 20px;
    }
    .research-ka-huakai-text {
	font-size:140px;
    letter-spacing:-4px;
	}
    .research-ka-huakai-subtext {
	font-size:50px;
    letter-spacing:-1px;
    top:220px;
	}
}

@media(max-width:1498px) {
    .coming .coming-right {
        right: 0;
        width: 150px;
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 21px 20px;
    }
}

@media(max-width:1366px) {
    .container {
        width: 1170px;
    }
    .featured-event-container {
    	width:1140px;
    }
    .head_rht li .hoverimg {
        padding: 15px 15px 20px;
    }
    .rightmenu .noClass:first-child {
    	padding: 15px 7px 20px;
    }
    .meaDiv .meapattern {
        left: -40%;
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
}

@media(max-width:1199px) {
    .container {
        width: 970px;
    }
    .featured-event-container {
    	width:940px;
    }
    .head_rht li .hoverimg {
        padding: 15px 15px 20px;
    }
    .rightmenu .noClass {
    	padding: 15px 7px 20px;
    }
    .typeheading h1 {
        font-size: 50px;
    }
    .typeheading .type-right {
        width: 348px;
    }
    .topfootcont p br {
        display: none;
    }
    .topfootcont h4 {
        font-size: 16px;
    }
    .morefeat ul li a {
        font-size: 15px;
    }
    .head_rht li a {
        font-size: 16px;
    }
    .head_rht.rightmenu li a {
        font-size: 14px;
    }
    .typical {
        margin-top: 179px;
    }
    .edubtm_links li a {
    font-size: 15px;
    font-family: "Ringside Regular SSm A", "Ringside Regular SSm B";
    color:#0061be;
    font-weight:normal;
    display:block;
    margin-top:4px;
}
    /*home*/
    .meaDiv .meapattern,
    .coming .coming-right {
        display: none;
    }
    .home .type-right {
        width: 290px;
        height: 115px;
    }
    .main {
/*        margin-top: 157px; */
    }
    .homeslider a {
        padding: 15px 15px;
    }
    h2 {
        font-size: 48px;
    }
    .brand_rht {
        padding-left: 30px;
    }
    .brand_rht li a {
        font-size: 15px
    }
    .brand_hover {
        bottom: -240px;
    }
    .homeslider h1 {
        font-size: 55px;
        line-height: 57px;
    }
    .home_inn .slick-dots {
        bottom: -50px;
    }
    .home {
        padding: 150px 0px;
    }
    .found_rht {
        padding: 14px 0px;
    }
    .found_rht h4 {
        margin-top: 0px;
    }
    .foot_inn li {
        padding: 0px 8px;
    }
    .footer {
        padding: 40px 0px;
    }
    .video_content h1 {
        font-size: 55px;
    }
    .strategy {
        padding: 60px 0 60px;
    }
    .strgy_inner h1 {
        font-size: 55px;
    }
    .strgy_inner p {
        margin-top: 20px;
    }
    .strategy img.pattren {
        top: 80px;
    }
    .menubx a {
        padding: 10px 0px;
        width: 140px;
    }
    .memuBtm {
        padding-top: 80px;
    }
    .menuSec {
        padding: 90px 0 100px;
        background: #fff;
    }
    .ourmlo img.greenpattrn {
        width: 30%;
    }
    .ourmlo {
        padding: 70px 0 70px;
    }
    .menutxt2 p {
        font-size: 17px;
        margin-top: 15px;
    }
    .commbx p {
        font-size: 35px;
    }
    .menutxt2 h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .brand1 {
        padding: 70px 0 70px;
    }
    .sound_content h6 {
        font-size: 14px;
    }
    .sound_content p {
        font-size: 17px;
    }
    .sound_content {
        padding: 20px 20px;
    }
    .voice_inn h1,
    .photo_inn h1,
    .logo_section h2 {
        font-size: 55px;
        margin-bottom: 0px;
    }
    .voice,
    .photo,
    .logo_sec,
    .chronic_section,
    .ex_section {
        padding: 70px 0px;
    }
    .pattren {
        top: 80px;
    }
    .brandvoice {
        padding: 70px 0px 70px;
    }
    .pho_style {
        padding: 70px 40px;
    }
    .patternfull {
        width: 40%;
    }
    .heritage {
        padding: 80px 0px;
    }
    .ring_blue {
        height: 664.83px;
    }
    .albha_sec1 h3,
    .albha_sec h3 {
        font-size: 22px;
    }
    .permiss_section {
        padding: 70px 0px 70px;
    }
    .logo_img {
        margin-bottom: 70px;
    }
    .color_sec {
        padding: 40px 0px 70px;
    }
    .sidepadd {
        padding: 0px 70px;
    }
    .col_sec {
        padding: 0px 150px;
    }
    /*    color page*/
    .colorsbx_in .col-sm-2 {
        width: 33.33%;
    }
    .colors_bx {
        padding: 80px 0 50px;
    }
    .pair_sec h3 {
        font-size: 32px;
    }
    .pair_sec p {
        font-size: 16px;
    }
    .pattlft h2 {
        font-size: 34px;
    }
    .more_btn {
        font-size: 18px;
    }
    /*    color page end*/
    /*    graphical page*/
    .ksymbol {
        padding: 90px 0 80px;
    }
    .ksymbol_rht {
        padding-top: 20px;
    }
    .graphicpattern {
        padding: 80px 0 80px;
    }
    .mobile_only {
    display:none;
    }
    .desktop_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
	.blogB .blogcont {
    height:43%;
    }
    .blogA, .blogB {
    height:264px;
    }
    .blogA .blogimg {
    height: 264px;
	}
    .image-right-pic-400 {
	float:right;
    margin:0 0 10px 10px;
    width:300px;
	}
    .image-left-pic-400 {
	float:left;
    margin:0 10px 10px 0;
    width:300px;
	}
    .research-ka-huakai-splash {
	margin-top:178px;
	}
    .research-ka-huakai-header-text-container {
    top:30px;
    }
    .research-ka-huakai-text {
	font-size:100px;
	}
    .research-ka-huakai-subtext {
	font-size:40px;
	}
}

@media(max-width:991px) {
	.desktop_only {
    display:block;
    }
    .mobile_only {
    display:none;
    }
    .col-sm-3 .menu-h4 {
    display:block;
    }
    .container {
/*        width: 750px; */
        width:100%;
    }
    .featured-event-container {
    	width:100%;
    }
    .typeheading .type-right {
        width: 28%;
    }
    .maintypcont .col-sm-4,
    .maintypcont .col-sm-8 {
        width: 50%;
    }
    .maintypcont .col-sm-4 {
        padding-bottom: 25px;
    }
    .topfooter .col-sm-4,
    .topfooter .col-sm-8 {
        width: 100%;
    }
    .topfooter .socialIcons {
        margin: 20px 0;
    }
    .btnfooter {
        padding-bottom: 30px;
    }
    .topfooter {
        padding: 110px 0 30px;
    }
    .menulists {
        display: none;
    }
    .typical {
        margin-top: 111px;
    }
    .header .hamburger,
    .head_resp {
        display: block;
    }
    .head_rht {
        display: none;
    }
    .header .hamburger {
        margin-top: 7px;
        position: relative;
        z-index: 999;
        float:right;
    }
    .home {
        padding: 30px 0 0 0;
    }
    .home .type-right {
        display: none;
    }
    .homeslider a {
        padding: 13px 12px;
        font-size: 14px;
    }
    .homeslider a {
        padding: 13px 12px;
        font-size: 12px;
    }
    .homeslider p {
        font-size: 16px;
    }
    .homeslider ul {
        margin-top: 0;
    }
    .homeslider ul li {
        margin-right: 5px;
    }
    .homeslider {
        height: 335px;
    }
    .main {
        margin-top: 111px;
    }
    h2 {
        font-size: 40px;
    }
    .explore h2 {
        padding-bottom: 30px;
    }
    .featurecont h3 {
        font-size: 28px;
    }
    .explore {
        padding: 30px 0 0;
    }
    .morefeat {
        padding: 20px 0 33px;
    }
    .news {
        padding: 60px 0 80px;
    }
    .blogA .blogcont {
        padding: 4px 15px 10px;
    }
    
    .innerMenu ul li span {
        width: 47%;
        margin-right: 2px;
    }
    .socialimg {
        height: 145px;
    }
    .head_lft a img {
        width: 250px;
    }
    .head_rht li a {
        font-size: 15px;
    }
    .brand_rht {
        padding-left: 25px;
    }
    .brand_rht li {
        margin-left: 0px;
    }
    .brand_rht li a {
        font-size: 17px;
    }
    .brand_lft h2 {
        font-size: 30px;
    }
    .brand_hover {
        bottom: -220px;
    }
    .brand_hover::before {
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 25px solid transparent;
        top: -25px;
    }
    .bluecolor:before {
        right: 270px;
    }
    .redcolor:before {
        right: 175px;
    }
    .greencolor:before {
        right: 50px;
    }
    .homeslider h1 {
        font-size: 45px;
        line-height: 47px;
    }
    .homeslider h5 {
        margin-bottom: 20px;
    }
    .homeslider p {
        margin-top: 20px;
    }
    .homeslider h4 {
        font-size: 30px;
    }
    .homeslider {
        height: 430PX;
    }
    .video_content h1 {
        font-size: 45px;
    }
    .arrowdown img {
        width: 120px;
    }
    .video_content a img {
        width: 60px;
    }
    .found_rht h4 {
        font-size: 30px;
    }
    .found_rht h6 {
        font-size: 18px;
        margin-top: 10px;
    }
    .found_rht p {
        font-size: 15px;
        margin-top: 10px;
    }
    .found_rht a {
        font-size: 14px;
        padding: 6px 10px;
        margin-top: 10px;
    }
    .yellowpattern {
        width: 20%;
        height: 160px;
    }
    .found_rht {
        padding: 10px 0px;
    }
    .videostream {
        padding: 90px 0px 130px;
    }
    .sound_content h6 {
        font-size: 17px;
    }
    .sounds_in {
        margin: 7px 0px;
    }
    .menubx a {
        width: 120px;
        font-size: 13px;
        margin-right: 5px;
    }
    .menuSec {
        padding: 60px 0 70px;
    }
    .ourml_inner h2 {
        font-size: 35px;
    }
    .ourml_inner h3 {
        margin: 20px 0 20px;
    }
    .ourml_inner p {
        font-size: 18px;
    }
    .bran_prin_inn p {
        font-size: 17px;
    }
    .sound_content p {
        font-size: 20px;
    }
    .menutxt h2 {
        font-size: 34px;
    }
    .set>a {
        font-size: 20px;
    }
    .cont_lft {
        padding: 10px 10px 10px 10px;
    }
    .strgy_inner h1 {
        font-size: 45px;
    }
    .strgy_inner p {
        font-size: 17px;
    }
    .strgy_inner p br {
        display: none;
    }
    .strategy {
        padding: 40px 0 40px;
    }
    .strategy img.pattren {
        width: 11%;
    }
    .voice,
    .photo,
    .logo_sec,
    .chronic_section,
    .ex_section {
        padding: 50px 0px;
    }
    .voice_inn h1,
    .photo_inn h1,
    .logo_section h2 {
        font-size: 45px;
    }
    .voice_inn p {
        padding-top: 10px;
    }
    .pattren {
        top: 55px;
        width: 14%;
    }
    .brandvoice {
        padding: 50px 0px 50px;
    }
    .voicesound h3 {
        padding: 30px 0px;
    }
    .sounds_in {
        margin: 14px 0px 0px;
    }
    .heritage {
        padding: 50px 0px;
    }
    .ring_blue {
        height: 509.83px;
    }
    .exp_sec h3 {
        font-size: 35px;
        margin-bottom: 15px;
    }
    .ring_img1 {
        height: 450px;
    }
    .ring_sec {
        padding: 0px 0px 40px;
    }
    .permiss_section {
        padding: 50px 0px 50px;
    }
    .but_sec ul li a {
        padding: 18px 20px;
    }
    .but_sec ul li a {
        font-size: 18px;
    }
    .logo_img h3 {
        font-size: 20px;
    }
    .sidepadd {
        padding: 0px 0px;
    }
    .col_sec {
        padding: 0px 100px;
    }
    /*    color page*/
    .pattlft h2 {
        font-size: 28px;
    }
    .more_btn {
        margin-top: 25px;
    }
    .pattlft {
        padding-top: 72px;
    }
    /*    color page end*/
    /*    graphical page*/
    .ksymbol_rht h2 {
        margin-bottom: 15px;
    }
    .ksymbol {
        padding: 70px 0 70px;
    }
    .ksymbol_rht p {
        font-size: 16px;
    }
    .ksymbol_lft img {
        width: 240px;
    }
    .rowflex {
        display: block;
    }
    .graphicpattern {
        padding: 60px 0 50px;
    }
    .pattrenbox {
        padding: 55px 0 52px;
    }
    .news_content {
    	padding-left: 0;
	}
    .typomaron {
    display:none;
    }
    .kekula {
    margin-top: 112px;
}
	.image-right-pic-400 {
	float:right;
    margin:0 0 10px 10px;
    width:200px;
	}
    .image-left-pic-400 {
	float:left;
    margin:0 10px 10px 0;
    width:200px;
	}
    .research-ka-huakai-splash {
	margin-top:120px;
	}
    .research-ka-huakai-header-text-container {
    top:0px;
    }
    .research-ka-huakai-text {
	font-size:100px;
	}
    .research-ka-huakai-subtext {
	font-size:36px;
	}
    .textblock-left-over-photo, .textblock-right-over-photo {
position:relative;
top: 0%;
left:0%;
transform: translate(0%, 0%);
width:100%;
}
	.security-mission .col-sm-4,.security-mission .col-sm-8 {
    width:100%;
    }
        /*    graphical page end*/
.mahina-olelo-hawaii-title {
/* max-width:100%; */
text-align:center;
}
.mahina-olelo-hawaii-content {

margin:20px 10px 0 10px;
padding-bottom:10px;
width:100%;
}
#mahina-olelo-hawaii-background {
padding-bottom:10px;
}
.mahina-olelo-hawaii-phrase,.mahina-olelo-hawaii-prompt {
text-align:center;
}
.mahina-olelo-hawaii-landing-box {
max-width:100%;
}
.mahina-olelo-hawaii-landing-title {
max-width:100%;
}
.mahina-olelo-hawaii-subtitle {
font-size:20px;
line-height:25px;
}
.mahina-olelo-hawaii-landing-text {
line-height:27px;
font-size:18px;
}
}

@media(max-width:767px) {
	.main {
    padding:0;
    margin-top:76px;
    }
    .explore-header {
    font-size:20px;
    line-height:23px;
    }
	.desktop_only {
    display:none;
    }
    .mobile_only {
    display:inline-block;
    margin-bottom:30px;
    width:160px;
    }
    .article_title {
    margin:0 0 45px;
    }
	.article_inner h2 {
    font-size:36px;
    line-height:41px;
    }
    .typical {
    margin-top: 76px;
    }
    .typicalCont .col-sm-12 .col-sm-9 h4 {
    font-size:26px;
    line-height:31px;
    }
    .typicalCont .col-sm-12 .col-sm-9 h6 {
    font-size:20px;
    line-height:23px;
    }
    .full-width-white-container .boxs .col-sm-4 h6 {
    font-size:20px;
    }
	.boxs {
    float: none;
	}
	.navbar {
    background-color:#4682f0;
    padding:0;
    }
    .navbar .navbar-toggler .navbar-menu {
	color:rgba(255,255,255,1);
    padding:5px 20px 0 40px;
    }
    
    .navbar-dark .navbar-toggler {
    padding:.5rem 1rem;
    border-right:1px solid rgba(255,255,255,0.2);
    border-radius:0;
    border-left:none;
    border-top:none;
    border-bottom:none;
    }
/**/
	.col-sm-3 .menu-h4 {
    display:none;
    }
    .homeslider {
    height:420px;
    }
    .homeslider h1 {
    margin-bottom:0;
    }
    .homeslider p {
    margin-top:0;
    }
    .featurebox {
    margin-bottom: 15px;
	}
    .container {
        width: 100%;
    }
    .typeheading h1 {
        font-size: 40px;
        line-height:45px;
    }
    .maintypcont h2 {
        font-size: 30px;
    }
    .typicalCont {
        padding: 25px 0 80px;
    }
    .maintypcont {
        padding: 20px 0;
    }
    .typicalCont .noright,
    .typicalCont .noleft {
        padding: 0;
    }
    .maintypcont .col-sm-4,
    .maintypcont .col-sm-8 {
        width: 100%;
        padding: 0;
    }
    .maintypcont .col-sm-4 {
        padding-bottom: 15px;
    }
    .relatedlinks {
        padding-top: 0;
    }
    .footer {
        padding: 25px 0px;
    }
    .sidenav .head_rht {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .coming .row .col-sm-4 {
        width: 49%;
        display: inline-block;
    }
    .kame_inner h2 {
        font-size: 32px;
        line-height:37px;
        margin:0;
    }
    .explore h2 {
        text-align: center;
    }
    .blogA,
    .blogB {
        margin-bottom: 15px;
    }
    .newsdiv .row {
        padding-bottom: 0;
    }
    .meaDiv .boxMenu .col-sm-4 {
        padding: 0;
    }
    .meaDiv .row {
        margin: 0;
    }
    .meaDiv .innerMenu {
        margin-bottom: 15px;
    }
    .morefeat ul li a {
        font-size: 13px;
    }
    .socialSec .col-sm-3 {
        width: 49.5%;
        display: inline-block;
        padding: 0 15px 25px;
    }
    .socialimg {
        height: 165px;
    }
    .desklogo {
        display: none;
    }
    .logores,
    .serachicon {
        display: inline-block;
    }
    .head_lft {
        width: 100%;
    }
    .head_lft a img.serachicon {
        width: auto;
    }
    .logoreslink {
        position: absolute;
        left: 0;
        right: 0;
        margin:0 auto;
        text-align:center;
    }
    .home_inn .slick-dots {
        bottom: 0px;
    }
    .popup .modal-dialog {
        width: 90%;
    }
    .vedio {
        width: 100%;
        height: 400px;
    }
    .menutxt h2 br {
        display: none;
    }
    .strategy img.pattren,
    .pattren {
        display: none;
    }
    .strgy_tp {
        padding-left: 0px;
    }
    .menubx a {
        width: 140px;
        font-size: 14px;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .ourml_inner p br {
        display: none;
    }
    .secPadding {
        padding: 0 0px;
    }
    .commbx p {
        font-size: 30px;
    }
    .menutxt h2 {
        font-size: 30px;
    }
    .stmntidea {
        margin-top: 20px;
    }
    .bran_prin_inn p br {
        display: none;
    }
    .voice_inn p br {
        display: none;
    }
    .accordion-container {
        max-width: 100%;
    }
    .voice_inn,
    .photo_inn,
    .heri_inn,
    .gallery_out,
    .logo_section,
    .chro_sec,
    .exp_sec,
    .per_sec,
    .lock_sec {
        padding: 0px;
    }
    .pho_style {
        padding: 50px 0px;
    }
    .photo_lft {
        padding-right: 0px;
        border-bottom: 1px solid #00305e;
        padding-bottom: 20px;
        border-right: none;
    }
    .photo_rht {
        padding-left: 0px;
        padding-top: 20px;
    }
    .pho_style p {
        margin-bottom: 10px;
    }
    .gallery img.fullgallry {
        display: none;
    }
    .gallery .row {
        display: block;
    }
    .ring_blue {
        height: initial;
    }
    .ring_img1 {
        height: initial;
    }
    .per_sec img {
        margin: 0px auto;
        float: initial;
    }
    .permiss_section {
        padding: 0px 0px 50px;
    }
    .but_sec ul li a {
        padding: 18px 20px;
        /* width: 45%; */
        text-align: center;
    }
    .logo_img img {
        margin: 0px;
    }
    .logo_img h3,
    .logo_img p {
        text-align: left;
    }
    .main_logo,
    .main_btlogo {
        min-height: initial;
    }
    .bottom_lo {
        padding-left: 0px;
    }
    .logo_img {
        margin-bottom: 40px;
    }
    .col_sec {
        padding: 0px 0px;
    }
    /*    color page*/
    .colorsbx_in .col-sm-2 {
        width: 50%;
        float: left;
    }
    .pair_sec p {
        padding: 0;
    }
    .pattlft {
        padding-left: 15px;
        padding-top: 55px;
    }
    .pattlft h2 {
        font-size: 22px;
    }
    .more_btn {
        font-size: 16px;
        padding: 7px 14px 7px;
        margin-top: 15px;
    }
    .pairing_section {
        padding-bottom: 60px;
    }
    .colorsbx_in {
        padding: 0 40px;
    }
    .colors_bx {
        padding: 60px 0 50px;
    }
    .color .secPadding {
        padding: 0 0px;
    }
    /*    color page end*/
    /*    graphical page */
    .ksymbol_lft img {
        width: 200px;
    }
    .rainmain .secPadding,
    .ainamain .secPadding,
    .lahuiimain .secPadding,
    .ksymbol .secPadding,
    .graphic .secPadding {
        padding: 0 20px;
    }
    .ksymbol_rht p br {
        display: none;
    }
    .graphicpattern {
        padding: 30px 0 40px;
    }
    .noright {
        padding-right: 15px;
    }
    .noleft {
        padding-left: 15px;
    }
    .pattrenbx {
        width: 100%;
    }
    .pattrenbx {
        margin-bottom: 20px;
    }
    .bluepattern {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .blupttrnbx {
        padding-right: 0;
    }
    .ksymbol_rht {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pattrenbx {
        min-height: 335px;
    }
    .bluepattern img {
        width: 200px;
    }
    .patternboximg {
        display: none;
    }
    .ksymbol_lft {
        display: block;
    }
    .grpahic1 {
        background: #fff;
    }
    .rainmain {
        background: url('../img/rainbg.png')no-repeat center center;
        background-size: cover;
    }
    .ainamain {
        background: url('../img/bgimage.png') no-repeat center center;
        background-size: cover;
    }
    .lahuiimain {
        background: url('../img/bgimage2.png') no-repeat center center;
        background-size: cover;
    }
    /*    graphical page  end*/
    .homeslider ul {
       float:none;
       display:block;
       text-align:center;
    }
    .bannerCont {
        text-align: center;
    }

    .home_inn .slick-dots {
        display: none !important;
    }
    .home_inn .slick-next {
        right: 8px;
    }
    .responivebtn .homeslider {
        height: initial !important;
    }
    .responivebtn .homeslider ul {
        display: block;
        float: initial;
        border-top: none;
    }
    .responivebtn .homeslider a {
        text-align: center;
        display: block;
        width: 100%;
    }
    .homeslider ul li {
        display: block;
        width: 100%;
    }
    .homeslider a {
    margin:0 auto;
    }
    .img_pattern {
    display:none;
    }
    .kekula {
    margin-top: 54px;
	}
    .research-flexbox-twocolumn {
	width:100%;
	text-align:center;
	}
	.research-flexbox-fourcolumn {
	width:48%;
	text-align:center;
	}
    .research-ka-huakai-splash {
	margin-top:54px;
	}
    .research-ka-huakai-splash-background {
	margin-top:54px;
	}
    .research-ka-huakai-text {
	font-size:70px;
	}
    .research-ka-huakai-subtext {
	font-size:26px;
	}
    .intro-text-wide {
    font-size:18px;
    line-height:29px
    }
    .featured-event-text {
font-size:1rem;
margin-bottom:5px;
}
.flex-container {
display:block;
}
/*
.mahina-olelo-hawaii-title {
max-width:100%;
text-align:center;
}
.mahina-olelo-hawaii-content {
margin-left:0px;
padding-bottom:10px;
width:100%;
}
#mahina-olelo-hawaii-background {
padding-bottom:10px;
}
.mahina-olelo-hawaii-phrase,.mahina-olelo-hawaii-prompt {
text-align:center;
}
.mahina-olelo-hawaii-landing-box {
max-width:100%;
}
.mahina-olelo-hawaii-landing-title {
max-width:100%;
}
.mahina-olelo-hawaii-subtitle {
font-size:20px;
line-height:25px;
}
.mahina-olelo-hawaii-landing-text {
line-height:27px;
font-size:18px;
}
*/
.mahina-olelo-hawaii-background {
color:#7e272b;
}
}



@media(max-width:576px) {
	.featured-event-container {
    display:block;
    }
    .featured-event-info {
    width:100%;
    }
    .featured-event-photo {
    width:100%;
    }
	.container {
    max-width:100%;
    }
	.col-sm-9 {
    max-width:100%;
	}
/*    .col-sm-3 {
    max-width:50%;
    } */
    .col-sm-4 {
    max-width:100%;
    flex:none;
    display:block;
    }
	.desktop_only {
    display:none;
    }
    .mobile_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:none;
    }
    .col-sm-6 {
    max-width:100%;
    }
    .typeheading h1 {
        font-size: 36px;
    }
    .maintypcont h2 {
        font-size: 25px;
        padding-bottom: 10px;
    }
    .topfootcont h4 {
        font-size: 20px;
        padding-top: 45px;
    }
    .coming .row .col-sm-4 {
        width: 100%;
        display: block;
        text-align: center;
    }
    .meaDiv .morebtn {
        float: left;
        margin-top: 15px;
    }
    .btnfooter {
        padding-bottom: 0px;
    }
    .head_lft a img {
        width: 200px;
    }
    .homeslider h4 {
        font-size: 25px;
    }
    .homeslider h1 {
        font-size: 35px;
        /*MM 3/16/20 - to accomodate the Song Contest suspension*/
    	line-height: 37px;
    	margin-bottom: 10px;
    }
    .homeslider {
        height: 350px;
    }
    .home_inn .slick-dots {
        bottom: -35px;
    }
    .video_content {
        padding: 0px 0px;
    }
    .streaming h5 {
        padding: 30px 00px;
    }
    .video_content h1 {
        font-size: 35px;
    }
    .vedio {
        width: 100%;
        height: 300px;
    }
    .menubx a {
        width: 180px;
    }
    .set>a i {
        margin-top: 7px;
        font-size: 14px;
    }
    .set>a {
        font-size: 18px;
    }
    .cont_lft,
    .cont_rht {
        width: 100%;
    }
    .commbx {
        padding: 20px 15px 20px 15px;
    }
    .commbx p {
        font-size: 25px;
    }
    .strgy_inner h1 {
        font-size: 40px;
    }
    .voice_inn h1,
    .photo_inn h1 {
        font-size: 35px;
    }
    .strong_lft h5 {
        font-size: 23px;
    }
    .strong_lft {
        padding-right: 15px;
    }
    .strong_rht {
        padding-left: 15px;
    }
    .strong_rht p {
        font-size: 15px
    }
    .voicesound h3 {
        font-size: 30px;
    }
    .itsounds {
        padding: 20px 30px 20px;
    }
    .itsounds p,
    .itsounds h3,
    .pho_style h3,
    .heri_inn h3,
    .logo_section h2 {
        font-size: 30px;
    }
    .albha_sec1 h3,
    .albha_sec h3 {
        font-size: 18px;
    }
    .exp_sec h3 {
        font-size: 30px;
    }
    .but_sec ul li a {
        font-size: 15px;
    }
    .lock_sec h3 {
        font-size: 35px;
        margin-bottom: 15px;
    }
    /*    color page*/
    .colorsbx_in {
        padding: 0 15px;
    }
    .colors_bx {
        padding: 40px 0 40px;
    }
    .pair_sec h3 {
        font-size: 30px;
    }
    .pattlft {
        width: 100%;
        text-align: center;
        padding: 30px 0;
    }
    .pattrht {
        display: none;
    }
    .more_btn {
        margin-top: 20px;
    }
    /*    color page end*/
    /*    graphical page*/
    .ksymbol_rht h2 {
        font-size: 30px;
    }
    /*    graphical page end*/
    .homeslider {
/*        height: 200PX; */
    }
    .featurebox {
        height: initial;
    }
    .featimg {
    height:300px;
    }
    .image-right-pic {
	float:none;
    margin:0 0 10px 0;
    max-width:240px;
    /*MM 3/6/20 - For multiple images*/clear: both;
}
	.full-width-white-container {
	background: #ffffff;
	padding: 60px 0 60px 0;
}
	.flex-container {
	display:block;
	}
	.two-column-flex-plain {
    padding:0;
    flex: none;
    }
    .typicalCont .col-sm-12 .col-sm-9 .two-column-flex-plain ul {
    padding:0 0 0 40px;
    }
    .research-flexbox-twocolumn {
	width:100%;
	text-align:center;
	}
    .research-flexbox-fourcolumn {
	width:100%;
	text-align:center;
	}
    .research-ka-huakai-splash {
	margin-top:54px;
	}
    .research-ka-huakai-splash-background {
	margin-top:54px;
	}
    .research-ka-huakai-text {
	font-size:50px;
	}
    .research-ka-huakai-subtext {
	font-size:20px;
	}
    
}

@media(max-width:414px) {
	.container {
    max-width:100%;
    }
	.desktop_only {
    display:none;
    }
    .mobile_only {
    display:block;
    }
    .col-sm-3 .menu-h4 {
    display:none;
    }
    .topfootcont {
        padding: 0 0 20px;
    }
    .noleft {
        padding: 0;
    }
    .footerlist {
        padding-bottom: 15px;
    }
    .socialSec .col-sm-3 {
        width: 100%;
        padding: 0 15px 15px;
    }
    .socialimg {
        height: auto;
    }
    .socialIcons ul li a {
        width: 35px;
    }
    .socialIcons ul li {
        margin-left: 5px;
    }
    .socialSec {
        padding: 25px 0;
    }
    .socialDiv h2 {
        word-break: break-all;
    }
    .head {
        padding: 10px 15px;
    }
    .head_lft a img {
        width: 185px;
    }
    .head_lft a img.serachicon {
        width: 18px;
    }
    .sidenav {
        padding: 50px 15px 30px;
    }
    .homeslider {
        /*TM 9/15/23 - changed from 240px to 340px */
        height: 340px;
    }
    .homeslider.home {
    height:342px;
    }
    h2 {
        font-size: 32px;
        line-height:35px;
    }
    .image-right-pic-400 {
	float:none;
    margin:0 0 10px 0;
    width:100%;
}
	.image-left-pic-400 {
	float:none;
    margin:0 0 10px 0;
    width:100%;
	}
    .research-ka-huakai-splash {
	margin-top:54px;
	}
    .research-ka-huakai-splash-background {
	margin-top:54px;
	}
    .research-ka-huakai-text {
	font-size:30px;
    letter-spacing:-1px;
	}
    .research-ka-huakai-subtext {
	font-size:14px;
	}
}


@media (min-width: 320px) {
	.typicalCont .col-sm-6, .topfooter .col-sm-4, .topfooter .col-sm-8 {
    flex:0 0 100%;
    max-width:100%;
    }
    .typicalCont .col-sm-3 {
    flex:0 0 100%;
    max-width:100%;
    }
	.topfooter .col-sm-3 {
    flex: 0 0 100%;
    max-width:100%;
    text-align:center;
    }
    .topfooter .col-sm-3 li:before {
    content:none;
    }
    .topfooter .listMenuf li {
    padding-left: 0px;
    }
    .news .col-sm-3 {
    flex: 0 0 100%;
    max-width:100%;
    }
    .blogB .blogcont {
    height:38%;
    }
    .blogA, .blogB {
    height:240px;
    }
    .blogA .blogimg {
    height: 240px;
	}
	.infobox-400 {
    float:none;
    margin:0 0 30px 0;
    width:100%;
    background:#4682f0;
    padding:20px;
    color:#fff;
    }
    .infobox-400 a {
    color:#fff;
    text-decoration:underline;
    }
}
@media (min-width: 414px) {
	.news .col-sm-3 {
    flex: 0 0 50%;
    max-width:50%;
    }
    .blogB .blogcont {
    height:44%;
    }
    .blogA, .blogB {
    height:260px;
    }
    .blogA .blogimg {
    height: 260px;
	}
}

@media (min-width: 576px) {
	.container {
	max-width:100%;
    }
	.coming .col-sm-4 {
    flex:none;
    max-width:100%;
    }
    .typicalCont .col-sm-9 {
    flex:0 0 100%;
    max-width:100%;
    }
    .typicalCont .col-sm-3 {
    flex:0 0 50%;
    max-width:50%;
    }
    .typicalCont .col-sm-6, .topfooter .col-sm-4, .topfooter .col-sm-8 {
    flex:0 0 100%;
    max-width:100%;
    }
	.topfooter .col-sm-3 {
    flex: 0 0 100%;
    max-width:100%;
    text-align:center;
    }
    .topfooter .col-sm-3 li:before {
    content:none;
    }
    .topfooter .morefeat ul li a {
    padding:0;
    }
    .news .col-sm-3 {
    flex: 0 0 50%;
    max-width:50%;
    }
    .explore .col-sm {
    flex: 0 0 50%;
    margin: 0 auto;
}

}


@media (min-width:767px) {
	.typicalCont .col-sm-3 {
    max-width:25%;
    flex:25%;
    }
    .topfooter .col-sm-3 li:before {
    content: url(../assets/brand/img/menuarrow.png);
    position: absolute;
    left: 0;
    }
    .topfooter .col-sm-3 {
    flex: 0 0 100%;
    max-width:100%;
    text-align:left;
    }
    .typicalCont .col-sm-6 {
    flex:0 0 50%;
    max-width:50%;
    }
    .typicalCont .col-sm-9 {
    flex:0 0 75%;
    max-width:75%;
    }
    .topfooter .col-sm-4, .topfooter .col-sm-8 {
    flex: 0 0 100%;
    max-width:100%;
    }
    
    .topfooter .listMenuf li {
    padding-left: 15px;
    }
    .news .col-sm-3 {
    flex: 0 0 25%;
    max-width:25%;
    }
    .blogB .blogcont {
    height:46%;
    }
    .blogA, .blogB {
    height:275px;
    }
    .blogA .blogimg {
    height: 275px;
	}
    .col-md-10 {
    	max-width:83.333333%;
    }
	.infobox-400 {
    float:right;
    margin:0 0 20px 20px;
    width:400px;
    background:#4682f0;
    padding:20px;
    color:#fff;
    }
    .infobox-400 a {
    color:#fff;
    text-decoration:underline;
    }
    .explore .col-sm {
    flex: 1 0 33%;
    margin-bottom: 15px;
}
}

@media (min-width:991px) {
	.typicalCont .col-sm-3 {
    max-width:25%;
    flex:25%;
    }
    .typicalCont .col-sm-6 {
    flex:0 0 50%;
    max-width:50%;
    }
    .topfooter .col-sm-4, .topfooter .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
    }
    .topfooter .col-sm-3 {
    flex: 0 0 100%;
    max-width:100%;
    }
    .blogB .blogcont {
    height:46%;
    }
    .blogA, .blogB {
    height:275px;
    }
    .blogA .blogimg {
    height: 275px;
	}
.explore .col-sm {
    flex: 1 0 0%;
    margin-bottom: 0;
}
}
@media (min-width:1199px) {
	.typicalCont .col-sm-3 {
    max-width:25%;
    flex:25%;
    }
    .blogB .blogcont {
    height:40%;
    }
    .blogA, .blogB {
    height:250px;
    }
    .blogA .blogimg {
    height: 250px;
	}
}

@media(max-width:320px) {
	.homeslider {
    height:190px;
    }
	.homeslider.home {
    height:342px;
    }
    .topfootcont {
    margin: 0 auto;
    }
}

.topfootcont, .botmfootCont {
    margin: 0 auto;
}
.datedesc { text-align: left; }
