@media screen and (min-width:768px) and (max-width: 1024px) {
    .visible-tablet {
        display: block;
    }
    .hidden-tablet {
        display: none;
    }

    .mobile-menu {
        float: none !important;
        width:100% !important;
        top:90px !important;
    }

    .menuopen[role="main-mobile-menu"] .container {
         right: 0px;
    }
    .responsiveheader-wrapper {
        height: 90px;
    }
    .responsiveheader .logo {
        padding: 13px 50px;
    }

    .mobile-menu li a    {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .mobile-menu ul {
        margin: 0;
    }
    .mobile-menu li a:hover {
        background: #3e90fe;
        color: #ffffff;
    }
    .responsiveheader .logo {
        text-align: left;
        padding: 28px 20px 29px 20px;
    }
    .headermenu .logo { padding-bottom: 0;}
    .responsiveheader .logo img {
        width: 300px;
    }
    .headertext ul {margin-top: 0px; }

    /*--------------New Product pages------------*/
    .portfolioitem .mask {
/*        display: none;*/
    }


    .project-description-wrapper {
        width: 100%;
        display:block;
        position: relative;
        top: 0;
        right: 0px;
        height: 100%;
        box-shadow:none;
    }
    .project-description-contents {
        position:relative;
    }

    .article-header.show h2 {
        padding-left: 20px;
    }


    .category {
        position: relative;
    }
    .post-categories {
        position: absolute;
        left: 80px;
        top: 2px;
    }

    .article-header.show {
        top: 94px !important;
    }

/*  ----------fix slider resize ------------  */

    .iosSlider {
        width:100vw !important;
        overflow:none !important;
    }
    .iosSlider .item {
        width:100vw !important;
        overflow:none !important;
    }


    .iosSlider .slider .item img {
    width:100vw !important;
    height:auto !important;
    overflow:hidden !important;
    left:0 !important;
    }

        .iosSlider .slider .item img {
            width: auto !important;
            height: 100% !important;
        }


    .closeportf { background:#78b2c3; position: absolute; right: 8px; top: 6px; color: #fff; padding: 0px 3px 2px 4px; line-height: 15px; font-size: 15px;text-align: center; z-index: 200;}
}

@media screen and (min-width:768px) and (max-width: 1024px) and (orientation: portrait) {
    .navigationdot {
        bottom: 6vh !important;
    }
    .iosSlider {
        overflow:hidden !important;
    }
    .iosSlider .slider .item img {
        width: auto !important;
        height: 100% !important;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px) and (orientation: landscape) {
    .navigationdot {
        bottom: 3vh !important;
    }
    .iosSlider {
        overflow:hidden !important;
    }
    .iosSlider .slider .item img {
        width: 100% !important;
        height: 100% !important;
    }
    .blogfiltermbl { padding-left: 0px; }
    .blogfiltermbl h2 { padding-left: 23px !important; }
    .aboutbox { padding: 13px 25px; }
}

@media screen and (max-width: 768px){
   .ioscontainer {
      width: 450px;
      top: 35px;
   }

   .ioscontainer h1 {
      padding-left: 25px;
      font-size: 20px;
      line-height: 30px;
   }

   .ioscontainer h2 {
      padding-left: 35px;
      font-size: 16px;
      line-height: 22px;
   }
}