.entry-content{margin: 0 !important;}
/* .row {margin: 0;}
.fbIcon:before {content:'\f09a'; font-family: 'FontAwesome';}
.igIcon:before {content:'\f16d'; font-family: 'FontAwesome';}
.twIcon:before {content:'\f099'; font-family: 'FontAwesome';}
.liIcon:before {content:'\f0e1'; font-family: 'FontAwesome';}
.goIcon:before {content:'\f0d5'; font-family: 'FontAwesome';}
.yuIcon:before {content:'\f16a'; font-family: 'FontAwesome';font-size: 20px;}
.yuIcon.white:before {color: #fff;} */
a,
button {text-decoration: none;color: #812890;}
a:hover,
button:hover {text-decoration: none; background: transparent; outline:0 !important;}
a:focus,
button:focus {text-decoration: none; border:0 !important; outline:0 !important;}

p{font-family: Helvetica,Verdana, Arial, sans-serif;; font-weight: normal;font-size:1em;}
.bold,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
p.bold{font-weight: 600;}
.underline {text-decoration: underline;}
.small {font-size: 0.65rem;}
.black { color: #000; }
.white { color: #fff; }
.blue { color: #1c3c6d; }
.magenta { color: #933062; }
.orange { color: #ffca0e; }
p.orange {color: #f15e38 !important;}
.noListStyle {list-style: none; padding: 0; margin: 0;}
.inline,
.inline li{display: inline-block;}
.inline-top li{display: inline-block; vertical-align: top;}
.bg.black { background-color: #000 !important; color: #fff !important; border-color: #fff !important;}
.bg.white { background-color: rgba(232, 232, 232, 0.85)!important; color: #ffca0e !important; border-color: #1c3c6d !important;}
.bg.blue { background-color: #1c3c6d !important; color: #fff !important; border-color: #fff !important; }
.bg.blue-nw { background-color: #21247a !important; color: #fff !important; border-color: #fff !important; }
.bg.orange { background-color: #f15e38 !important; color: #fff !important; border-color: #fff !important; }
.bg.purple { background-color: #e4e6e7 !important; color: #fff !important; border-color: #fff !important; }

.bg.grey { background-color: #e6e6e6 !important; color: #fff !important; border-color: #fff !important; }

p.terms{font-size: 14px; line-height: 20px!important;margin-top: 20px!important;}
p.terms a{font-weight: 600; text-decoration: underline;}
.seperator{border-top: 1px solid rgba(255,255,255,0.3); margin-top: 20px; height: 20px;}
span.bold{font-weight: 600;}
p.italic{font-style:italic;}

/* .carousel-inner.img-1{
  height: 100%;
} */

.carousel-item img{
    height: 100%;
    /* width: 100%; */
}

img.carousel__img {
    margin: 0 0 0 0;
}

img{
    /* height: 100%; */
    max-width: 100%;
}
#paddingdiv {
    padding-top: 150px;
}
/** TITLE EACH PAGES*/
.default-subtitle {
    display: inline-block;
    padding: 15px 18px;
    color: #ffffff;
    margin: 20px 0;
    background: #2e328b;
}

.default-subtitle h3 {
    font-size: 40px;
    font-weight: 500;
    margin: 0;
}

.mob-show2{
    display: none;
}


/*==== OVERVIEW ===== */
#primary .overview {
    background: #ffffff;
    padding: 30px;
}

.overviewbox {
    display: table;
}

.overviewbox .default-subtitle {
    margin: 25px 0;
}

.overview-description {
    padding: 0 2em;
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 50%
}

.overview-description p {
    color: #2e328b;
}


.overview-visual {
    width: 50%;
    position: relative;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.overview-visual img {
    width: 100%;
}

/* recaptcha */
.recaptcha-home > div{
    margin: 0 auto;
}
.recaptcha-home iframe .rc-anchor-dark{
    background: transparent;
}

/* === FAST FACTS==== */
.fast-container {
    background: #2e328b;
}

.fastfactsholder {
    padding: 30px 3em;
    position: relative;
    outline: 1px solid #9799c5;
    outline-offset: -12px;
}

.title-facts {
    padding: 8px 20px;
    display: block;
    background-color: #dee4ec;
    font-size: 16px;
    position: absolute;
    top: -10px;
    left: 6%;

}

.title-facts h5 {
    margin: 0;
    color: #2e328b;
}

.fastfacts {
    padding: 30px 15px;
}
.visitor.fastfacts{
  padding:0;
}

.sidefast {
    background: #dee4ec;
    height: 100%;
    padding: 50px 25px;
    text-align: center;
    outline: 1px solid rgba(45,50,139,.6);
    outline-offset: -12px;
    color: #2e328b;
}

.sidefast h5 {
    margin: 30px 0;
}

.seperator-fast {
    border-top: 1px solid #ccc;
    width: 30%;
    margin: 20px auto;
    opacity: 0.7;
}

.cta_fast {
    background: #f1592a;
    padding: 15px 20px;
    margin: 10px 0;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border: none;
}



/*===== BUTTON STYLE =====*/
li{/* color: #86412d; */}
li.link {cursor: pointer;}
/*li.link:hover {}*/
.button {
    border: 1px solid #fff;
    font-family: Helvetica,Verdana, Arial, sans-serif;;
    font-size: 1em;
    font-weight: normal;
    width: 220px;
    text-align: center;
    display: block;
    padding: 8px 0;
    cursor: pointer;
    height: 42px;
    -webkit-transition: all 0.3s ease; /* Safari */
    transition: all 0.3s ease;
}
.button-clear{
    background: transparent;
    color: #1c3c6d;
    border: 1px solid #1c3c6d;
}
.button-white{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.button-orange:hover {
    opacity: 1;
    border: 1px solid #f15e38;
    background-color: #f15e38;
}
.button-white:hover{
    opacity: 1;
    background-color: #fff;
    color: #1c3c6d !important;
}
.button-blue:hover{
    opacity: 1;
    background-color: #1c3c6d;
    border: 1px solid #1c3c6d;
    color: #ffffff !important;
}
.form-control{
    font-family: Helvetica,Verdana, Arial, sans-serif;;
    font-size: 0.9rem;
    font-weight: 300;
    color: rgba(0,0,0,1);
    border-radius: 0;
    border: 0;
    background-color: #dcdede;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.form-control:focus{
    background-color: #dcdede;
    border-color: #dcdede;
}
.wpcf7-submit{
    margin: 0;
    margin-top: 20px;
}
.wpcf7-recaptcha{
    background: transparent!important;
}
span.wpcf7-list-item{
    display: block;
    margin: 0;
}
span.wpcf7-not-valid-tip{
    top: 0px;
    position: relative;
    font-style: italic;
    font-size: 0.8rem;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 0px);
}

/*Event Details Page table Data */


table td {
    font-size: 0.9rem;
    font-weight: 300; }

.event-details{
        padding: 41px 0px 80px 0;
}
table tr td {
   font-size: 15px;
    line-height: 34px;
    padding: 0px 0px 0 23px;
}

/*===== Animate Class =====*/
.animate-1,.animate-2,.animate-3,.animate-4,.animate-5, .animate-6, .animate-2a{
    display: none;
}
/*===== FORM ITEMS =====*/
#formSuccess {display: none;}
/*===== HEADER =====*/
/* #mihas-video{width: 50%;}
#mihas-video button{display: none;}
#mihas-testimony{width: 50%;}
#mihas-testimony button{display: none;} */
#mobileMenu {display: none;}
#fullMenu {display: block;}
.headerLogo {
    display: inline-block;
    min-width: 177px;
    max-width: 177px;
    max-height: 150px;
    width: 232px;
    height: 150px;
    z-index: 100;
    background: url("../assets/logo.png") center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 40px;
}
.headerLogo .inner{width: 100%;height: 100%;}
.headerLogoScroll { background-color: #1c3c6d; position: fixed; left:0; z-index: 101; padding:20px; top:-80px;opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.headerLogoScroll-reveal {opacity: 1; top:0;}
.headerLogoScroll .logo-holder{width: 150px;}
.fixit{position: fixed!important;}
.naviBar-mobile {display: none;}
.naviBar {max-height: 120px; min-height: 30px; height:55px; width: 100%; position: absolute; z-index: 90;}
.naviBar.posrel {position: relative; background-color: #ffffff !important;}
.naviBar ul {list-style: none; padding: 0; margin: 0;}
.naviBar ul li{color: #1c3c6d; display: inline-flex; /*padding: 12px 25px; */border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em;}
.naviBar ul li.magenta{display: inline-flex; padding: 18px 25px; border-left: 0px solid transparent; background-color: #292b2c; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.naviBar ul li.orange{display: inline-flex;padding: 18px 25px;border-left: 0px solid transparent;background-color: #812990;color: #fff;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;}
.naviBar ul li.blue{display: inline-flex; padding: 18px 25px; border-left: 0px solid transparent; background-color: #ef1109; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.naviBar ul li.magenta:hover{background-color: #292b2c;}
.naviBar ul li.orange:hover{/* background-color: #2f378f; */}
.naviBar ul li.blue:hover{background-color: #ef1109;}
.naviBar ul li a{padding: 16px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.naviBar ul li a:hover{color: #1c3c6d; background-color:#d7d7d7 !important;}
.hotlink{
    font-weight: 600;
}
.eventTime{
    position: absolute;
    z-index: 90;
    padding-top: 90px;
    padding-left: 200px;
    color: #ffffff;
    pointer-events: none;
}
.eventTime .day,
.eventTime .hour,
.eventTime .minute{
    font-size: 13px;
    line-height: 16px;
}
.eventTime .day-number,
.eventTime .hour-number,
.eventTime .minute-number{
    font-size: 30px;
    font-weight: 600;
    margin:0;
    color: #ffffff;
}
.eventTime #eventCountdown{height: 50px;}
.eventTime #eventCountdown .event-day,
.eventTime #eventCountdown .event-hour,
.eventTime #eventCountdown .event-minute,
.eventTime #eventName,
.eventTime #eventDate,{
    display: inline-block;
}

.countdown-overlay{
    width: 100%;
    background-color: #2f368f;
    position:fixed;
    right:0;
    bottom: 0;
    z-index: 100;
    margin:0 auto;
    padding: 20px 0;
    transition: all ease .3s;
    opacity: 1;
    z-index: 999999999;
}
.countdown-overlay-close{
    opacity: 0;
    pointer-events: none;
}

.countdown-title h4{
    color:#fff;
    text-transform: uppercase;
    font-weight:400;
    margin:0;
    text-align: right;
    padding-right: 30px;
}
.close-button{
    position: absolute;
    right: 28px;
    top: 19px;
    color: #fff;
    width:27px;
    cursor: pointer;

}

.seperator-dot{
    background-color: rgba(255,255,255,1);
    border-radius: 50px;
    width: 5px;
    height: 5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: 13px;
}
.event-name{ width: 180px; margin-left: 20px; padding-left: 20px; padding-right: 20px; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); }
.event-date{ margin-left: 5px; padding-left: 20px;}
.event-name p{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}
.event-date p.date{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin:0;
}
.event-date p.location{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin:0;
}
/*===== VIDEO =====*/
/* .video-container{
    z-index: -10;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}
.video-container video{
    width: 100%;
    height: auto;
} */
/* .video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; */
    /* overflow: hidden; */
/* } */
.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    /* top: 50%;
    left: -50%;
    transform: translate(50%,0); */
}
/* #sliderImage{
    display: none;
    background-position: center!important;
    width: 100%;
    height: 100vh;
    max-height: 850px;
    background-size: cover !important;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index:-101;
} */
/* #video{
    position: fixed;
    top: 50%;
    left: 20%;
    min-width: 40%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    /* background-size: cover;
} 
#video.videobanner{
    position: relative;
    top: 0px;
    left: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(-50%) translateY(-50%); 
    background: url(../images/MIHAS2019-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
} */
/*===== SLIDE MENU =====*/
.grayout{display: none;}
.grayout.activated{display:block; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 101;}

.menu-section {margin-top: 40px;}
.navbar-nav .nav-item:first-child {border:0;}
.navbar-nav .nav-item{
    padding: 8px 0;
}
.navbar-nav .seperator-short {border-top: 1px solid rgba(255,255,255,0.5); width: 15px; position: relative; top: 8px;}
.navbar-nav li:last-child .seperator-short {border-top:0;}
.navbar-nav .dropdown-menu .nav-item {border:0;}
.navbar-nav {padding-left: 30px; font-weight: bold; font-size: 1.2rem;}
.navbar-nav .dropdown-menu {font-weight: normal; font-size: 1rem;}
.navbar-nav .dropdown-menu li {padding: 5px 0;}
/* .navbar-nav .dropdown .dropdown-toggle::after {content: '\f078'; right: 40px; font-size: 0.9rem; font-family: 'FontAwesome'; border: 0; position: absolute;}
.navbar-nav .dropdown.show .dropdown-toggle::after {content: '\f077'; right: 40px; font-size: 0.9rem; font-family: 'FontAwesome'; border: 0; position: absolute;} */

.customMenu {left: 0px; top: 159px; cursor: pointer; position: absolute; z-index: 200; padding: 25px 32px;}
.customMenu:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
.customMenu p{color: #ffffff; font-weight: 600; position: absolute;top: 27px;left: 60px;}
.page-template .customMenu p {display: none;}
.post-template-default .customMenu p , .mihas_pulse-template-default .customMenu p {display: none;}
.home.page-template .customMenu p {display: block;}

.home.page-template .customMenu:before,
.home.page-template #featuredSocial .socialLinks .fbIcon,
.home.page-template #featuredSocial .socialLinks .igIcon,
.home.page-template #featuredSocial .socialLinks .twIcon,
.home.page-template #featuredSocial .socialLinks .liIcon,
.home.page-template #featuredSocial .socialLinks .goIcon{color: #ffffff; }

.post-template-default .customMenu:before,
.mihas_pulse-template-default .customMenu:before{
    color: #1c3c6d;
}

.page-template .customMenu:before,
.page-template #featuredSocial .socialLinks a{color:#1c3c6d; }
.customMenu.activated {left: 0px; top: 159px; cursor: pointer; position: absolute; z-index: 200; padding: 25px 33px; background-color: #f15e38;}
.home.page-template .customMenu.activated p {display: none;}
.customMenu.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}

.slideout-menu { position: fixed; top: 0; bottom: 0; width: 350px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel { position: relative; z-index: 1; /*will-change: transform;*/
    /* A background-color is required */ min-height: 100vh;
    /*    background-image: url(../images/body-texture.png) !important;
    background-repeat: repeat;*/
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel { /*overflow: hidden;*/ position: fixed;}
.slideout-open .slideout-menu {
    display: block;
    background: url(../images/islamic-motif-navi.png) #262262 right top no-repeat;
    background-size: 350px auto;
    overflow: hidden;
    box-shadow: inset -8px 0 5px -5px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset -8px 0 5px -5px rgba(0,0,0,0.2);
}
.nav-link,
.nav-link:focus,
.nav-link:visited,
.nav-link:active {color: #fff;}
.nav-link:hover {color: #fff; opacity: 0.9;}
.dropdown-item,
.dropdown-item:focus,
.dropdown-item:visited,
.dropdown-item:active {color: #fff;}
.dropdown-item:hover {color: #fff; opacity: 0.9; background-color: transparent;}
.dropdown-menu {position: relative; float: none; background-color: transparent; color: #fff; border: 0;}



/*===== SUMMARY =====*/
.nopadding { padding:0 !important;}
.nopadding-top {padding-top: 0 !important; }
.nopadding-bottom {padding-top: 0 !important; }
.nopadding-left { padding-left:0; padding-right: 40px !important;}
.nopadding-right { padding-right:0 !important;}



@media (min-width: 1920px){
  .col-xxl-4{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

}

@media (min-width: 1440px){
  .programme-holder .image-holder{
      height: 220px;
  }
}

@media (max-width: 1440px) {

    #teaserSection .postBlock{
        height: 250px;
    }

    .content-post-home {
        margin-top: 20px;
    }
    
    
}


@media (max-width: 1024px) { /* for laptop */
    .mainSliderWrap{
        height: 620px;
    }
    .narrow960{padding:0 20px;}

    /* .mainSliderWrap .slider-container{
        padding: 21% 0 0 80px;
    } */

    .mainSliderWrap .slider-container .info-title .highlight{
        font-size: 2.2em;
    }

    
    .info-title.s-02{
        width: 80%;
    }

    .summary-sp {
        text-align: center;
    }

    .right-summary {
        padding: 50px 0;
    }

    .default-subtitle h3 {
        font-size: 20px;
    }

    .overview-description, .overview-visual {
        width: 100%;
        display: block;
    }

    .cta_fast {
        font-size: 12px;
    }

    .sidefast {
        padding: 50px 15px;
    }

    .quicklink {
        border-right: none;
        padding: 30px 5px;
    }

    .quicklink h5 {
        font-size: 18px;
        margin: 20px 0;
    }

    .quicklink p {
        padding:  0;
    }

    #mihas-blog .main-blog-container {
        padding: 30px;
    }

    .content-post-blog {
        padding: 3em 0 2em;
    }

    .cta_blog_main {
        margin:  0 0 3em;
    }

    .blogpost-boxer {
        padding: 0;
    }

    .pr-txt-blogpost p {
        font-size: 14px;
    }

    .blogpost-title h3 {
        font-size: 22px;
    }

    /* mihas summary */
    .left-summary p {
        font-size: 16px;
    }

    .left-summary h3 {
        font-size: 2em;
    }
    #mihasSummary .left-summary h2 {
        font-size: 2.2em;
    }
    /* end of mihas summary */

    .text-counter-summary p {
        font-size: 38px;
    }

    .right-summary img{
        width: 30px;
    }

    .content-post-home {
        padding: 40px 30px;
        /* margin-top: 40px; */
    }

    .visual-post-home .title-post-home{
        width: 90%;
        left: 10px;
    }

    /* .cta_post_home {
        margin: 0 1em 4em;
    } */

    .company-left-info {
        width: 100%;
        text-align: center;
    }

    .socialLinks {
        text-align: center !important;
    }

    .company-right-info {
        width: 100%;
    }
    .info-contact-footer, .logo-footer {
        margin: 5px;
    }


    #ctaSection .postBlock h4 {
        font-size: 28px;
    }

    #ctaSection .postBlock .button {
        max-width: 260px;
    }

    .texture-slider {
        display: none;
    }

    .bookSpace h1 {
        font-size: 20px;
    }

    .content-book .button {
        width: 82%;
    }

    .right-book {
        margin-top: 20px;
    }

    #mihasSummary .customVisual-one .halaleconomy {
        padding-left: 0px;
    }
    .page .site-main{
        padding: 15px 40px;
    }
    .single .site-main{
        padding: 0 30px;
    }
    #ctaSection .postBlock{
        padding:30px;
        height: 300px;
    }
    #teaserSection .postBlock{
        height: 230px;
        padding: 20px;
    }
    .space{
        padding: 10px 0;
    }
    #custompagination .slick-dots{
        bottom: 50px !important;
    }
    #formSubscribe-teaser input[type=email]{width: 420px;}
    #formSubscribe-teaser{
        padding: 20px;
    }
    /* .postExcerpt{display: none;} */
    .naviBar{
        height: 53px;
    }

    /*Footer*/
    #mainFooter ul .featuredlinks:last-child, #mainFooter ul .featuredlinks:nth-child(2) {
        margin-top: 20px;
    }

    #postSection .col-md-12, #postSection .col-sm-12 {
        padding: 0
    }

    .mainSlider .info-title h1 {
        font-size: 4em;
        line-height: 1em;
    }

    .mainSlider .info-title p {
        font-size: 3em;
        line-height: 1em;
    }

    .info-title p.xs-promo {
        font-size: 1.6em;
    }

    .content-post-home {
        margin-top: 40px;
    }
}

@media (max-width: 960px){
    .submenu-nav{
        padding:10px 0;
    }
    .icon-book .button {
        font-size: 12px;
    }
    .event-name,
    .event-date{
        width: 160px;
    }
    .event-name p,
    .event-date p,
    .event-date p.date{
        font-size:14px;
    }

    .nopadding-left{
        /*padding: 0;*/
    }
    .button {
        width: 180px;
        height: 38px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .button-tripfez{
        width: 100%;
    }
    .sidebarBox{
        padding:30px;
    }
    #custompagination .slick-dots{
        bottom: 50px !important;
    }
    /* .mainSliderWrap .slider-container{
        padding:30% 0 0 200px;
    } */

    .mainSliderWrap .slider-container .info-title h1 {
        font-size: 2.4em;
        line-height: 1em;
    }

    .mainSliderWrap .slider-container .info-title-btn {
        margin-top: 30px;
        /* text-align: left; */
    }

    .info-title-btn span.button {
        font-size: 16px !important;
        padding: 10px 25px;
    }

    .mainSlider .s-01 p{
        font-size: 2em;
        line-height: 1.2em;
    }
    /* #mihasSummary{
        padding:60px 20px;
    } */

    .left-summary:after{
        display: none;
    }

    #ctaSection .postBlock{
        padding:30px;
        height: 300px;
    }

    #ctaSection .postBlock .button {
        max-width: 100%;
    }

    #teaserSection .postBlock{
        height: 200px;
        padding: 20px;
    }
    .space{
        padding: 5px 0;
    }
    #formSubscribe-teaser input[type=email],#formSubscribe-teaser input[type=text]{width: 450px;}

    #formSubscribe h4{
        padding: 0 20px;
    }
    #formSubscribe-teaser{
        padding: 20px;
    }
    /* .postExcerpt{display: none;} */
    /* #postSection .postBlock{padding:20px;} */

    .twitter-container{display: none;}
    #mainFooter input[type=email],#mainFooter input[type=text]{width: 220px;}

    .naviBar{
        height: 52px;
    }

    .title-post-home h4 {
        font-size: 16px;
    }
}

@media (max-width: 800px) {
    .mainSliderWrap{
        height: 430px;
    }
    #video.videobanner {
        /* display: none; */
        top: 0;
        height: 400px;
        background-color: #ed691b;
        background-position: center center;
    }
    #sliderImage {
        display: block;
    }

    .blogpost-sidelinks {
        margin: 20px 0;
    }
}

/* @media all and (max-width: 667px){
    .button-hover{
        margin-top:300px;
    }
} */




@media (max-width: 768px) { /* for ipad */
    .mob-center {text-align: center; margin:0 auto;}

    #featuredSocial .socialLinks {display: none;}
    #fullMenu {display: none;}
    .naviBar {display: none;}
    #mobileMenu {display: block; height: 131px;}
    #mobileMenu .wrap30 {width: 29.5%; display: inline-block;}
    #mobileMenu .wrap70 {width: 69.5%; display: inline-block;}
    #mobileMenu .logo img {margin-right: 10px;}
    #mobileMenu .customMenu-mobile {display: inline-block; cursor: pointer; padding: 25px 32px;}
    #mobileMenu .customMenu-mobile:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    #mobileMenu .customMenu-mobile.activated {cursor: pointer; padding: 25px 32px; background-color: #292b2c;}
    #mobileMenu .customMenu-mobile.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    .naviBar-mobile {display: block;}
    .naviBar-mobile ul.half li {width: 50%; text-align: center; display: inline-block;}
    .naviBar-mobile ul.third li {width: 33.33%; text-align: center; display: inline-block;}
    .naviBar-mobile {max-height: 120px; min-height: 30px; width: 100%; position: relative; z-index: 90;}
    .naviBar-mobile ul {list-style: none; padding: 0; margin: 0; width: 100%;}
    .naviBar-mobile ul li{color: #1c3c6d; padding: 12px 25px; border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em;}
    .naviBar-mobile ul li.magenta{padding: 12px 78px; border-left: 0px solid transparent; background-color: #292b2c; color: #fff; }
    .naviBar-mobile ul li.orange{padding: 12px 38px; border-left: 0px solid transparent; background-color: #262262; color: #fff; }
    .naviBar-mobile ul li.blue{padding: 12px 25px; border-left: 0px solid transparent; background-color: #ef1109; color: #fff; }
    .text{
        font-size: 21px;
    }
    .button-hover{
        margin-top: 120px;
        font-size: 11px;
    }
    .button-hover.col-6{
        margin-top: 183px;
        font-size: 12px;
    }

@media (max-width: 667px){
        .button-hover{
            margin-top:300px;
        }
    }


    .mainSliderWrap {height: 450px;}
    /* .mainSliderWrap .slider-container {width: 100%; padding: 10% 0px 0 60px !important; text-align: center;} */
    .mainSliderWrap .slider-container h1 {font-size: 2rem;}
    .mainSliderWrap .slider-container .button {margin:0 auto;}
    #custompagination .slick-dots{text-align: center!important;padding: 0!important;}

    /* #mihasSummary {padding: 50px 60px;} */
    #mihasSummary h1 {vertical-align: bottom;}
    #mihasSummary h2 {font-size: 3em; vertical-align: bottom;}
    #mihasSummary h3 {font-size: 2em; vertical-align: bottom;}

    #mihasSummary .description-counter h4 {
        font-size: 1.2em;
    }
    #mihasSummary .col-sm-9 { flex: 100%; padding-left: 10px; padding-right: 10px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 0px!important; padding-right: 10px;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 33.3% !important; flex: 33.3%; padding-left: 0px; padding-right: 10px;}
    #mihasSummary .customVisual-three .col-sm-4 {padding-left: 0px; }
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 15% !important; flex: 100%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-3 div {padding:0;}

    #mihasSummary .about-container .col-sm-9,
    #mihasSummary .about-container .col-sm-3{
        max-width: 100% !important;
    }

    .text-counter-summary p {
        font-size: 48px;
    }

    #ctaSection .button{
        font-size:0.75em;
    }


    /*Latest summary*/
    .right-summary {
        padding: 50px;
    }

    #postSection .imageBlock {
        height: 100%;
        position: relative;
    }
    #postSection .postBlock {
        height: 100%;
        padding: 10%;
        padding-bottom:80px;
    }

    #mainFooter input[type=email],
    #formSubscribe-teaser input[type=email]{width: 100%;}
    #mainFooter h5 br {display: none;}
    #mainFooter .col-sm-4 p {font-size: 0.75em;}

    #ctaSection .postBlock{
        padding:30px;
        height: 300px;
    }
    #teaserSection .postBlock{
        height: 210px;
    }
    .space{
        padding: 5px 0;
    }
    /* Custom Page Content */
    .breadcrumb{
        padding: 30px;
    }

    #pageHeader .imageContainer {
        width: 100%;
        height: 200px;
        margin-left: 0px;
    }
    .page .site-main {
        padding: 0 30px !important;
        max-width: 1600px;
        margin: 0 auto;
    }
    #aboveFooter h4 {
        font-size: 20px;
        line-height: 30px;
    }
    #aboveFooter .inner {
        width: 80%;
    }
    .button{
        min-width: 220px !important;
        height: 38px;
        margin-bottom:20px;
        margin-top: 20px;
    }
    .travel .col-sm-9.nopadding{
        padding:0 15px;
    }
    .mob-hide{
        display: none !important;
    }
    .mob-hide2{
        display: block;
    }

    .hotlink .bluebox-outline{
        border-right: 1px solid #1c3c6d;
        border-bottom: 0;
    }
    .hotlink .bluebox-outline:last-child{
        border-bottom: 1px solid #1c3c6d;
    }
    /* end of Custom Page Content */
    .mob-left{
        text-align: left !important;
    }

    #ctaSection h4{
        font-size: 26px;
        line-height: 28px;
    }
    #ctaSection .col-sm-8 h4{
        padding-top: 60px;
        padding-bottom: 20px;
        max-width: 330px;
    }
    .promo-slider h4 span{
        font-size: 18px !important;
    }

    .title-post-home h4 {
        font-size: 20px;
    }


    .left-counter-summary p{
        text-align: center;
        font-size: 16px;
        line-height: 16px;
    }

    .blogpost-container {
        padding: 30px 25px;
    }

    .date-sidelinks {
        padding: 8px;
        font-size: 12px;
    }

    .mainSliderWrap  .mob-center{
        top: 25%;
    }
    .mainSlider .info-title {
        /* width: 100%; */
        text-align: center;
        margin:0;
    }

    .mainSliderWrap .slider-container .info-title .highlight {
        font-size: 2em;
    }

    #pageHeader .pageTitle{
        padding:0px 30px;
    }
    #pageHeader .pageTitle:after{
        content: "";
        width: 25px;
        height: 4px;
        background-color: #f15e38;
        position: absolute;
    }
    #pageHeader .pageTitle h1{
        font-size: 32px;
    }

    .content-post-home {
        margin-top: 40px;
    }
    .doubleSpace-mob{
        padding: 20px 0;
    }
    .insp .overview-description{
        padding: 0;
    }

    /**Flying to KL**/
    .airfrance-container .ticket-holder{
        min-height: 400px;
    }
    .airfrance-container .ticket{
        left: 0;
        margin-left: 0;
        height: 360px;
        width: 100%;
        top: 30px;
        background-position: bottom center;
        background-size:cover;
    }
    .programme-holder{
        margin-bottom:20px;;
    }

}

@media (min-width: 481px) and (max-width: 767px){
    #mihasSummary {padding: 30px 10px;}
    #mihasSummary br {display: none;}
    #mihasSummary h1 {font-size: 5em; vertical-align: bottom;margin-bottom: 0;}
    #mihasSummary h2 {font-size: 2em; vertical-align: bottom;text-align:left;}
    #mihasSummary .customVisual-one .halaleconomy {
        padding-left: 0px !important;
        padding-top: 0px;
        line-height: 1em;
    }
    #mihasSummary h3 {font-size: 1.7em; vertical-align: bottom;}

    #mihasSummary .customVisual-three .countries h4{left:10px;bottom:0px !important;}
    #mihasSummary .customVisual-three .col-sm-12 { padding-left:0; padding-right: 0px;}

    #mihasSummary .col-sm-9 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 10px; padding-right: 10px;height: 60px!important;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 60px !important; flex: 33.3%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-3 div {padding:0;}
}

@media (max-width: 640px) {
    /*Latest summary*/
    .right-summary {
        padding: 20px 0 0;
    }

    #primary .overview {
        padding: 30px 5px;
    }

    .map-holder,
    .map-overlay-holder,
    .marker-holder{
        height: 250px;
    }
    .map-overlay p{
      line-height: 250px !important;
    }
    .travel-agent, .banner-holder{
      padding: 15px;
    }

    .popup {
      position: fixed;
      top: 50%;
      overflow-y: scroll;
      height: 95vh;
    }
}


/*Contact Us */
.space.hr-a{
    margin-top: 98px;
  }
  
  .space.hr-b{
    margin-top: 103px;
  }
  
  .space.hr-c{
    margin-top: 35px;
  }
  
  .space.hr-d{
    margin-top: 84px;
  }
  
  .space.hr-e{
    margin-top: 125px;
  }
  
  
  .space.hr-f{
    margin-top: 35px;
  }
  
  
  
  .buildheading{
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 600;
    color: #1c3c6d;
  
  }
  
  .heading{
    font-size: 20px;
    color: #1c3c6d;
    font-weight: 600;
    
  }
  
  .midheading{
    font-size: 17px;
    color: #212529;
    font-weight: 600;
  }
  .doubleSpace{
    margin-top: 40px;
  }
  
  .singleSpace{
    margin-top: 20px;
  }
  
  .fourspace{
    margin-top: 168px;
  }
  
  .threeSpace{
    margin-top: 127px;
  }
  
  .intheading{
    text-align: center;
    margin-bottom: 40px;
    font-size: 23px;
    font-weight: 600;
    color: #1c3c6d;
  }
   u{
    color:#e0e0e0;
  }
  .bold{
    color:#1c3c6d;
    font-weight: 900;
  }
  
  .sub{
    margin-top: 10px;
  }
  
  /*contact us end */

@media (max-width: 480px) {
    .countdown-title h4{
        text-align: left;
        padding-right: 0;
    }
    .mob-hide2{
        display: none;
    }
    .mob-show2{
        display: block;
    }
    
    .bg.white{
        display: none;
    }
    /*Footer*/
    #mainFooter ul .featuredlinks:nth-child(2), #mainFooter ul .featuredlinks:last-child {
        margin-top: 20px;
    }

    .company-right-info p {
        text-align: center;
    }

    .col-sm-6.nopadding{
        margin-left: 100px;
    }

    .button-hover{
        margin-top: 200px;
    }

    .button-hover.col-6{
        margin-top: 230px;
    }
    

    #video.videobanner{
        height: 200px;
    }

    #featuredSocial .socialLinks {display: none;}
    #fullMenu {display: none;}
    .naviBar {display: none;}
    #mobileMenu {display: block; /* height: 114px; */}
    #mobileMenu .wrap30 {width: 29.5%; display: inline-block;}
    #mobileMenu .wrap70 {width: 68.5%; display: inline-block;}
    #mobileMenu .logo img {
    margin-left: 82px;
}
    #mobileMenu .customMenu-mobile {display: inline-block; cursor: pointer; padding: 25px 32px;}
    #mobileMenu .customMenu-mobile:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    #mobileMenu .customMenu-mobile.activated {cursor: pointer; padding: 25px 32px; background-color: #292b2c;}
    #mobileMenu .customMenu-mobile.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    .naviBar-mobile {display: block;}
    .naviBar-mobile ul.half li {width: 50%; min-height: 72px; text-align: center; display: inline-block;}
    /*.naviBar-mobile ul.half li.magenta {width: 100%; text-align: center; display: inline-block;}*/
    .naviBar-mobile ul.third li {width: 33.33%; min-height: 40px; text-align: center; display: inline-block;}
    .naviBar-mobile {max-height: 120px; min-height: 30px; width: 100%; position: relative; z-index: 90;}
    .naviBar-mobile ul {list-style: none; padding: 0; margin: 0; width: 100%;}
    .naviBar-mobile ul li{color: #1c3c6d; padding: 12px 15px; border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em;}
    .naviBar-mobile ul li.magenta{padding: 12px 27px; border-left: 0px solid transparent; background-color: #292b2c; color: #fff; }
    .naviBar-mobile ul li.orange{padding: 12px 15px; border-left: 0px solid transparent; background-color: #262262; color: #fff; }
    .naviBar-mobile ul li.blue{padding: 12px 15px; border-left: 0px solid transparent; background-color: #ef1109; color: #fff; }

    /* .mainSliderWrap {height: 235px;} */
    /* .mainSliderWrap .slider-container {width: 100%; padding: 25% 15%; text-align: center; position: relative;} */
    .mainSliderWrap .slider-container .info-title h1 {font-size: 2rem;}
    .mainSliderWrap .slider-container .button {margin:0 auto;}



    .mainSlider .info-title h3 {
        font-size: 2em;
        text-align: center;
    }

    .mainSlider .info-title p{
        font-size: 1.5em;
    }

    .mainSlider .info-title .xs-p {
        font-size: 1em;
    }

    .info-title p.xs-promo {
        padding-top: 5px;
    }
    .mainSlider .info-title .xxs-p {
        font-size: 0.8em;
        line-height: 30px;
    }

    #custompagination .slick-dots{
        padding: 0 !important;
        text-align: center !important;
        bottom: 10px !important;
    }
    #custompagination .slick-dots li, #custompagination .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }
    /* #mihasSummary {padding: 20px 5px 40px;} */
    /* #mihasSummary br {display: none;} */

    #mihasSummary h1 {font-size: 5em; vertical-align: bottom;margin-bottom: 0;}
    #mihasSummary h2 {font-size: 2em; vertical-align: bottom;text-align:left;}
    #mihasSummary h3 {font-size: 1.7em; vertical-align: bottom;}

    .left-summary {
        padding: 30px;
    }
    .left-summary::after{
        display: none;
    }
    .left-summary .button, .left-summary .button:focus{
        margin:0;
        width: 100%;
        padding:10px;
    }
    .left-counter-summary{
        width: 100%;
    }

    #mihasSummary .description-counter h4, .summary-sp h4, .summary-sp-nxt h4 {
        font-size: 1em !important;
    }
    .text-counter-summary .txt-talk-sp{
        text-align: center;
    }
    #mihasSummary .col-sm-9 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 10px; padding-right: 10px;height: 60px!important;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 60px !important; flex: 33.3%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-3 div {padding:0;}

    .doubleSpace{
        padding: 20px 0;
    }

    #postSection .imageBlock {position: relative;}
    #postSection .postBlock {height: 350px; padding: 10%;}
    #postSection .imageBlock { height: 160px;}
    #postSection p {font-size: 14px;}
    #postSection .postBlock.postTop{height: auto; padding-bottom: 80px;}
    #postSection .alternate .postBlock::before{display: none;}
    #postSection .alternate .postBlock::after{display: none;}

    #ctaSection .postBlock {
        height: 300px;
    }
    #ctaSection h4 {
        padding-left:15px;
        padding-right:15px;
    }
    #testimonialSection h4 {
        line-height: 1.2;
        /* font-size: 1.2em; */
        padding:0 20px;
    }
    #testimonialSection .quotes{
        width: 90%;
    }
    #testimonialSection .quotes .name {
        font-weight: 600;
        font-size: 1.2em;
        padding:50px 20px 0 20px;
    }
    #testimonialSection .quotes .position {
        padding:0 20px;
    }
    .quotes-bubble{
        height: 100px;
        top: -50px;
    }
    #teaserSection .postBlock{
        height: 220px;
        padding:20px;
    }
    #sponsors li {
        margin-right: 5px;
        margin-left: 5px;
    }

    /* Custom Page Content */
    .breadcrumb{
        padding: 20px;
    }
    .breadcrumb h1{
        font-size: 20px;
    }
    #pageHeader .imageContainer {
        width: 100%;
        height: 150px;
        margin-left: 0px;
    }
    .page .site-main,
    .single .site-main  {
        padding: 0 15px;
        max-width: 1600px;
        margin: 0 auto;
    }
    #aboveFooter h4 {
        font-size: 20px;
        line-height: 30px;
    }
    #aboveFooter .inner {
        width: 80%;
    }
    .form{
        padding:20px ;
    }
    .nopadding-left,.nopadding-right{
        padding:0;
    }
    /* end of Custom Page Content */
    /* MATRADE NETWORK */
    .matradenetwork .logo{
        width: 120px;
    }
    .matradenetwork .button{
        position: relative;
        margin: 30px 0 0 0 ;
        width: 200px;
    }
    .matradenetwork li{
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #1c3c6d;
        height: 16px;
        margin-bottom: 15px;
    }
    .matradenetwork li  h5{
        font-size: 16px;
    }
    /* end of MATRADE NETWORK */
    .organisers .image-holder{
        text-align:left;
        margin-left: 0 ;
        margin-bottom: 30px;
        max-width: 150px;
    }
    /*===== contentPage =====*/
    .contentPage h1{
        margin-bottom: 0;
    }
    .contentPage h1.right{
        text-align: left;
        padding-left: 15px;
    }
    #mihas-blog .col-md-8,
    #mihas-news .col-md-8{
        padding:0;
    }
    #mihas-blog .pic,
    #mihas-news .pic{
        padding: 0;
    }
    #mihas-blog .pull-right,
    #mihas-news .pull-right{
        display: none;
    }
    .filter-grid_list li{
        font-size: 16px;
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #1c3c6d;
        height: 16px;
        margin-bottom: 15px;
    }
    #formSubscribe-teaser{
        padding: 20px;
    }
    .postExcerpt{display: block;}
    .twitter-container{display: none;}
    #mainFooter .company{
        margin-top: 40px;
    }
    #subscribe input[type=email], #subscribe input[type=text],
    #formSubscribe-teaser input[type=email],#formSubscribe-teaser input[type=text]{width: 90% !important;}

    .travel .col-sm-9.nopadding{
        padding:0;
    }


    .lightbluebox,
    .bluebox,
    .greybox{
        padding:10px 8px;
    }

    .mainSliderWrap .slider-container .info-title .highlight {
        font-size: 1em;
        letter-spacing: 0;
    }

    .mainSliderWrap br{
        line-height: 1.5em;
    }

    .space-footer {
        padding: 15px;
    }

    #pageHeader .pageTitle{
        padding:0px 30px;
    }
    #pageHeader .pageTitle:after{
        content: "";
        width: 25px;
        height: 4px;
        background-color: #f15e38;
        position: absolute;
    }
    #pageHeader .pageTitle h1{
        font-size: 28px;
    }

    .title-post-home h4{
        font-size: 24px;
    }

    .content-post-home {
        margin-top: 0px;
    }

}

@media (max-width: 414px) {
    .mainSliderWrap {height: 400px;}
    .info-title.s-02{
        width: 100%;
    }
}

@media (max-width: 375px) {
    /* .mainSliderWrap {height: 235px;} */
    .left-counter-summary p{
        text-align:center;
    }
}


@media (max-width: 360px) {
    .carousel-item img {
    height: 100%;
}
.social-icons{
    display:none;
}
.bold.dark {
    color: #1c3c6d;
    display: inline-block;
    font-weight: 600;
    font-size: 1em;
}
.con_01 {
    padding: 0px 0;
}
.button-hover.col-6 {
    margin-top: 188px;
}
}


@media (max-width: 320px) {
    #fullMenu {display: none;}
    .naviBar {display: none;}
    #featuredSocial .socialLinks {display: none;}
    #mobileMenu {display: block; height: 74px; background-color: #1c3c6d;}
    #mobileMenu .wrap30 {width: 29.5%; display: inline-block;}
    #mobileMenu .wrap70 {width: 68.5%; display: inline-block;}
    #mobileMenu .logo img {margin-right: 10px;}
    #mobileMenu .customMenu-mobile {display: inline-block; cursor: pointer; padding: 25px 32px;}
    #mobileMenu .customMenu-mobile:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    #mobileMenu .customMenu-mobile.activated {cursor: pointer; padding: 25px 32px; background-color: #f15e38;}
    #mobileMenu .customMenu-mobile.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    .naviBar-mobile {display: block;}
    .naviBar-mobile ul.half li {width: 50%; text-align: center; display: inline-block;}
    .naviBar-mobile ul.third li {width: 33.33%; text-align: center; display: inline-block;}
    .naviBar-mobile {max-height: 120px; min-height: 30px; width: 100%; position: relative; z-index: 90;}
    .naviBar-mobile ul {list-style: none; padding: 0; margin: 0; width: 100%;}
    .naviBar-mobile ul li{color: #1c3c6d; padding: 12px 25px; border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.6em;}
    .naviBar-mobile ul li.magenta{padding: 12px 15px; border-left: 0px solid transparent; background-color: #933062; color: #fff; }
    .naviBar-mobile ul li.orange{padding: 12px 15px; border-left: 0px solid transparent; background-color: #f15e38; color: #fff; }
    .naviBar-mobile ul li.blue{padding: 12px 15px; border-left: 0px solid transparent; background-color: #1c3c6d; color: #fff; }
    .naviBar-mobile .hotlink{font-weight: 600;}

    .mainSliderWrap {height: 50vh;}
    /* .mainSliderWrap .slider-container {width: 100%; padding: 25% 15%; text-align: center;} */

    .mainSliderWrap .slider-container .info-title h1 {
        font-size: 1.2em;
        line-height: 1em;
    }

    .mainSliderWrap .slider-container .info-title .highlight {
        font-size: 0.8em;
        padding:0 10px;
    }

    .mainSliderWrap br{
        line-height: 1.2em;
    }

    .mainSlider .info-title .xs-p {
        font-size: 0.8em;
    }

    .mainSlider .info-title .xxs-p {
        font-size: 0.6em;
        line-height: 20px;
    }

    .mainSliderWrap .slider-container .info-title-btn {
        margin-top: 20px;
    }

    .info-title-btn span.button {
        font-size: 13px !important;
        padding: 10px 20px;
    }

    .mainSlider .s-01 p{
        font-size: 1em;
        line-height: 1.2em;
    }

    .info-title p.xs-promo {
        font-size: 0.6em;
        line-height: 1em;
    }

    #custompagination .slick-dots{
        padding: 0 !important;
        text-align: center !important;
        bottom: 10px !important;
    }
    #custompagination .slick-dots li, #custompagination .slick-dots li button:before {
        width: 5px;
        height: 5px;
        margin-right: 5px;
    }
    /* #mihasSummary {padding: 20px 10px 40px;} */
    .left-summary{
        padding:20px;
    }
    .left-summary p{
        text-align: center;
    }
    .text-counter-summary p{
        font-size:30px;
    }

    #mihasSummary h1 {font-size: 5.5em; vertical-align: bottom;margin-bottom: 0;}
    #mihasSummary h2 {font-size: 2.2em; vertical-align: bottom;text-align:center;}
    #mihasSummary .customVisual-one .halaleconomy {
        padding-left: 0px !important;
        padding-top: 0px;
        line-height: 1em;
    }
    #mihasSummary h3 {font-size: 1.7em; vertical-align: bottom;}

    #mihasSummary .customVisual-three .countries h4{left:10px;bottom:-5px !important;}
    #mihasSummary .col-sm-9 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 10px; padding-right: 10px;height: 60px!important;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 25% !important; flex: 33.3%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 100% !important; flex: 100%; padding-left: 0px; padding-right: 0px;}
    #mihasSummary .col-sm-3 div {padding:0;}
    #mihasSummary .customVisual-one {
        background-image: linear-gradient(to right, #1c3c6d 40%, rgba(255, 255, 255, 0) 20%);
        background-position: bottom;
        background-size: 15px 1px;
        background-repeat: repeat-x;
        margin-right: 3.2%;
    }
    /* #mihasSummary .customVisual-two {
    background-image: linear-gradient(to right, #1c3c6d 40%, rgba(255, 255, 255, 0) 20%);
    background-position: t;
    background-size: 15px 1px;
    background-repeat: repeat-x;
    margin-right: 3.2%;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    } */
    #mihasSummary .customVisual-three {
        background-image: linear-gradient(to right, #1c3c6d 40%, rgba(255, 255, 255, 0) 20%);
        background-position: bottom;
        background-size: 15px 1px;
        background-repeat: repeat-x;

        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #mihasSummary .customVisual-three.sales {
        padding:15px;
    }

    #mihasSummary .customVisual-four {
        background-image: linear-gradient(to right, #1c3c6d 40%, rgba(255, 255, 255, 0) 20%);
        background-position: bottom;
        background-size: 15px 1px;
        background-repeat: repeat-x;

        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .doubleSpace{
        padding: 20px 0;
    }

    #postSection .imageBlock {position: relative;}
    #postSection .postBlock {height: 350px; padding: 10%;}
    #postSection .imageBlock { height: 160px;}
    #postSection p {font-size: 14px;}
    #postSection .alternate .postBlock::before{display: none;}
    #postSection .alternate .postBlock::after{display: none;}

    #ctaSection .postBlock {
        height: 300px;
    }
    #ctaSection h4 {
        padding-left:15px;
        padding-right:15px;
    }
    #testimonialSection h4 {
        line-height: 1.2;
        font-size: 1.2em;
    }
    #testimonialSection .quotes .name {
        font-weight: 600;
        font-size: 1.2em;
    }
    #teaserSection .postBlock{
        height: 200px;
        padding:20px;
    }

    #sponsors li {
        margin-right: 5px;
        margin-left: 5px;
    }
    .sponsorSlider{
        width: 90%;
    }
    .suga-slide{
        width: 85px;
    }

    /* Custom Page Content */
    .breadcrumb{
        padding: 20px;
    }
    .breadcrumb h1{
        font-size: 20px;
    }
    #pageHeader .imageContainer {
        width: 100%;
        height: 150px;
        margin-left: 0px;
    }
    .page .site-main {
        padding: 0 15px;
        max-width: 1600px;
        margin: 0 auto;
    }
    #aboveFooter h4 {
        font-size: 20px;
        line-height: 30px;
    }
    #aboveFooter .inner {
        width: 80%;
    }

    .form{
        padding:20px ;
    }
    .nopadding-left,.nopadding-right{
        padding:0;
    }
    /* end of Custom Page Content */
    /* MATRADE NETWORK */
    .matradenetwork .logo{
        width: 120px;
    }
    .matradenetwork .button{
        position: relative;
        margin: 30px 0 0 0 ;
        width: 200px;
    }
    .matradenetwork li{
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #1c3c6d;
        height: 16px;
        margin-bottom: 15px;
    }
    .matradenetwork li  h5{
        font-size: 16px;
    }
    /* end of MATRADE NETWORK */
    .sidebarBox{
        margin-top: 30px;
        padding:20px;
    }
    .organisers .image-holder{
        text-align:left;
        margin-left: 0 ;
        margin-bottom: 30px;
        max-width: 150px;
    }
    /*===== contentPage =====*/
    .contentPage h1{
        margin-bottom: 0;
    }
    .contentPage h1.right{
        text-align: left;
        padding-left: 15px;
    }
    #mihas-blog .col-md-8,
    #mihas-news .col-md-8{
        padding:0;
    }
    #mihas-blog .pic,
    #mihas-news .pic{
        padding: 0;
    }
    #mihas-blog .pull-right,
    #mihas-news .pull-right{
        display: none;
    }
    .filter-grid_list li{
        font-size: 16px;
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #1c3c6d;
        height: 16px;
        margin-bottom: 15px;
    }
    #formSubscribe-teaser{
        padding: 20px;
    }
    .postExcerpt{display: block;}

    .twitter-container{display: none;}

    #mainFooter .company{
        margin-top: 40px;
    }

    #video.videobanner{
        height: 180px;
    }

    #pageHeader .pageTitle{
        padding:0px 30px;
    }
    #pageHeader .pageTitle:after{
        content: "";
        width: 25px;
        height: 4px;
        background-color: #f15e38;
        position: absolute;
    }
    #pageHeader .pageTitle h1{
        font-size: 28px;
    }

    .content-post-home {
        margin-top: 40px;
    }

}

@media (max-width: 1024px) and (orientation:landscape) {
    .quicklink-1,
    .quicklink-2,
    .quicklink-3 {
        padding: 40px 20px;
    }
    .quicklink-1 .button,
    .quicklink-2 .button,
    .quicklink-3 .button{
        width: 150px;
    }
    .naviBar{
        height: 53px;
    }

    .title-post-home h4 {
        font-size: 24px;
    }


    /*latest summary*/
    .left-counter-summary p{
        text-align: center;
    }

    .summary-sp {
        text-align: center;
    }

    /*post*/
    .visual-post-home .title-post-home {
        /* width: 100%; */
        top: 90%;

    }
}

@media (max-width: 812px) and (orientation:landscape) {
    .doubleSpace-mob{
        padding: 20px 0;
    }
    .insp .overview-description{
        padding: 0;
    }
}

@media (max-width: 736px) and (orientation:landscape) {
    #featuredSocial .socialLinks {display: none;}
    #fullMenu {display: none;}
    .naviBar {display: none;}
    #mobileMenu {display: block; height: 74px; background-color: #1c3c6d;}
    #mobileMenu .wrap30 {width: 29.5%; display: inline-block;}
    #mobileMenu .wrap70 {width: 69.5%; display: inline-block;}
    #mobileMenu .logo img {margin-right: 10px;}
    #mobileMenu .customMenu-mobile {display: inline-block; cursor: pointer; padding: 25px 32px;}
    #mobileMenu .customMenu-mobile:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    #mobileMenu .customMenu-mobile.activated {cursor: pointer; padding: 25px 32px; background-color: #f15e38;}
    #mobileMenu .customMenu-mobile.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    .naviBar-mobile {display: block;}
    .naviBar-mobile ul.half li {width: 50%; text-align: center; display: inline-block;}
    .naviBar-mobile ul.third li {width: 33.33%; text-align: center; display: inline-block;}
    .naviBar-mobile {max-height: 120px; min-height: 30px; width: 100%; position: relative; z-index: 90;}
    .naviBar-mobile ul {list-style: none; padding: 0; margin: 0; width: 100%;}
    .naviBar-mobile ul li{color: #1c3c6d; padding: 12px 25px; border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em;}
    .naviBar-mobile ul li.orange{padding: 12px 25px; border-left: 0px solid transparent; background-color: #f15e38; color: #fff; }
    .naviBar-mobile ul li.blue{padding: 12px 25px; border-left: 0px solid transparent; background-color: #1c3c6d; color: #fff; }

    .mainSliderWrap {height: 416px;}
    .mainSliderWrap .slider-container {width: 100%; padding: 25% 15%; text-align: center;}
    .mainSliderWrap .slider-container h1 {font-size: 2rem;}
    .mainSliderWrap .slider-container .button {margin:0 auto;}

    #mihasSummary {padding: 50px 60px;}
    #mihasSummary h1 {font-size: 6em; vertical-align: bottom;}
    #mihasSummary h2 {font-size: 3em; vertical-align: bottom;}
    #mihasSummary h3 {font-size: 1.85em; vertical-align: bottom;}
    #mihasSummary h3 br {display: none;}

    #mihasSummary .col-sm-9 {max-width: 100% !important; flex: 100%; padding-left: 10px; padding-right: 10px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 33.3% !important; flex: 33.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 100% !important; flex: 100%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-3 div {padding:0;}

    #ctaSection .button {width: 180px;}

    #postSection .imageBlock {position: relative;}
    #postSection .postBlock {height: 300px; padding: 10%;}
    #mainFooter input {width: 150px;}
    #mainFooter h5 br {display: none;}
    #mainFooter .col-sm-4 {width: 100%; flex: 100%;}
    #mainFooter .button {width: 150px;}

}

@media (max-width: 568px) and (orientation:landscape) {
    #featuredSocial .socialLinks {display: none;}
    #fullMenu {display: none;}
    .naviBar {display: none;}
    #mobileMenu {display: block; height: 74px; background-color: #1c3c6d;}
    #mobileMenu .wrap30 {width: 29.5%; display: inline-block;}
    #mobileMenu .wrap70 {width: 69.5%; display: inline-block;}
    #mobileMenu .logo img {margin-right: 10px;}
    #mobileMenu .customMenu-mobile {display: inline-block; cursor: pointer; padding: 25px 32px;}
    #mobileMenu .customMenu-mobile:before {content:'\f0c9'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    #mobileMenu .customMenu-mobile.activated {cursor: pointer; padding: 25px 32px; background-color: #f15e38;}
    #mobileMenu .customMenu-mobile.activated:before {content:'\f00d'; color: #fff; font-size: 1.2rem; font-weight: bold; font-family: 'FontAwesome';}
    .naviBar-mobile {display: block;}
    .naviBar-mobile ul.half li {width: 50%; text-align: center; display: inline-block;}
    .naviBar-mobile ul.third li {width: 33.33%; text-align: center; display: inline-block;}
    .naviBar-mobile {max-height: 120px; min-height: 30px; width: 100%; position: relative; z-index: 90;}
    .naviBar-mobile ul {list-style: none; padding: 0; margin: 0; width: 100%;}
    .naviBar-mobile ul li{color: #1c3c6d; padding: 12px 25px; border-left: 1px solid #ccc; text-transform: uppercase; font-size: 0.8em;}
    .naviBar-mobile ul li.orange{padding: 12px 25px; border-left: 0px solid transparent; background-color: #f15e38; color: #fff; }
    .naviBar-mobile ul li.blue{padding: 12px 25px; border-left: 0px solid transparent; background-color: #1c3c6d; color: #fff; }

    .mainSliderWrap {height: 520px;}
    .mainSliderWrap .slider-container {width: 100%; padding: 25% 15%; text-align: center;}
    .mainSliderWrap .slider-container h1 {font-size: 2rem;}
    .mainSliderWrap .slider-container .button {margin:0 auto;}

    #mihasSummary {padding: 50px 60px;}
    #mihasSummary h1 {font-size: 4.5em; vertical-align: bottom;}
    #mihasSummary h2 {font-size: 2.3em; vertical-align: bottom;}
    #mihasSummary h3 {font-size: 1.3em; vertical-align: bottom;}

    #mihasSummary .col-sm-9 {max-width: 100% !important; flex: 100%; padding-left: 10px; padding-right: 10px; text-align: center;}
    #mihasSummary .col-sm-9 div {padding:0;}
    #mihasSummary .col-sm-8 {max-width: 66.6% !important; flex: 66.6%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-8 div {padding:0;}
    #mihasSummary .col-sm-7 {max-width: 63.3% !important; flex: 63.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-7 div {padding:0;}
    #mihasSummary .col-sm-6 {max-width: 50% !important; flex: 50%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-6 div {padding:0;}
    #mihasSummary .col-sm-4 {max-width: 33.3% !important; flex: 33.3%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-4 div {padding:0;}
    #mihasSummary .col-sm-3 {max-width: 100% !important; flex: 100%; padding-left: 10px; padding-right: 10px;}
    #mihasSummary .col-sm-3 div {padding:0;}
    #postSection .imageBlock {position: relative;}
    #postSection .postBlock {height: 300px; padding: 10%;}

    @media all and (max-width: 430px){
        margin-left: 100px;
    }
    .button-hover{
        margin-top: 200px;
    }

}