@media (max-width: 991px) {
 

    .portfolio-filter-tab-1 li {margin: 10px 20px;}
    .portfolio-filter-tab-2 li a {padding: 7px 18px;}

    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 50%;}
    .portfolio-grid.work-4col li,.blog-grid.blog-4col li {width: 50%}
    .sidebar-wrapper .portfolio-grid.work-4col li,.sidebar-wrapper .blog-grid.work-4col li {width: 50%}
    .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double { width:50%; }    
    .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child { width: 50%;}

    .portfolio-grid.work-3col li, .blog-grid.blog-3col li {width: 50%;}
    .portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double { width: 50%;}

    /*equalize auto*/
    /*.sm-equalize-auto > [class*='col-'] {height: auto !important; }*/

    /* feature-box-4 */
    .feature-box-4 figure figcaption {width: 100%; display: table-cell; margin: 0 ; padding: 15px ; top: 0; height: 100%;}
    .grid-item.feature-box-4 figure figcaption .btn {opacity: 1;}
    .feature-box-4 figure:hover figcaption {transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);}

    /* homepage option-1 */
    .bg-transparent-white { background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}

    /* homepage option-3 */
    .sm-swap-block {display: flex; flex-flow: column;}
    .sm-swap-block > div:first-child {order: 2;}
    .sm-swap-block .arrow-bottom::after{top: -29px; border: solid transparent; border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px;}

    /* blog post style 3 */
    .sm-no-background-img {background-image: none !important}

    /* blog post style 3 */
    .blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon i {font-size: 36px;}

    /*swiper button 3*/
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {left: 64.5%}

    /* Homepage 13 */
    .gridblock-main {padding: 60px 30px}

    /* feature box style 8 */
    .parallax-feature-box-bottom {position: relative;}

    /* Homepage 14 */
    .right-image {position: relative; width: 100%; bottom:0; padding: 0 15px 0; right: 0; clear: both;}
    .box-separator-line { left: -45px; top: 66px; }
    .content-right-slider .swiper-button-next, .content-right-slider .swiper-button-prev, .swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white, .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white { background-size: 25px auto; width: 30px;}

    /* full width menu nav */
    .full-width-pull-menu .link-style-2 ul li a {font-size: 36px; line-height: 70px}
    .full-width-pull-menu .dropdown .dropdown-toggle {top: 35px}

    /* feature box 10 */
    .feature-box-10 .number-center::before {width: 100%;}
    .feature-box-10 .number-center::after {width: 100%}

    /* feature box 4 */
    .grid-item.feature-box-4 figure:hover figcaption { transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}

    /* hamburger menu */
    .hamburger-menu-wrepper { padding: 35px 36px; }
    .hamburger-menu-links {font-size: 32px; line-height: 32px}
    .menu-middle {width: 95%;}

    /* Homepage 10 */
    .swiper-auto-width { padding: 0 15px;}
    .swiper-auto-width .swiper-slide { width: 100%; }

    /* feature-box-11 */
    .feature-box-11:nth-child(2) .progress-line:after {visibility: hidden;}

    /* feature box style 12 */
    .feature-box-12 .hover-content-box { top: 0;}

    /* skillbar bar style 1  */
    .skillbar-bar-style1 .skillbar { width: 86%}

    /* feature box style 14 */
    .feature-box-14 > div:nth-child(even) { border-right: 0}
    .feature-box-14 > div { border-bottom-width: 1px}
    .feature-box-14 > div:last-child { border-bottom-width: 0 }

    /* homepage 6 */
    .icon-box .icon-box-holder { height: 90px; }
    .icon-box .icon-box-holder i {  padding-top: 5px; }

  
    /* hover-option 3 */
    .hover-option3 .grid-item figure figcaption {padding: 0 30px}

    .mfp-close, .mfp-close:active {top: 0; right: 0;}
    button.mfp-arrow {background-color: #000; height: 80px; width: 80px; opacity: 1}
    .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 80px; border: 0}
    .mfp-arrow:active, .mfp-arrow:focus {margin-top: -55px}
    .mfp-arrow-left {left: 6px}
    .mfp-arrow-right {right: 6px}
    .banner-style2 figcaption {width: 50%;}
    .list-style-6 li { padding: 0 0 8px 0;}
    .search-form .search-input {font-size: 24px; padding-top: 15px; padding-bottom: 15px;}
    .search-form .search-button {font-size: 15px;}

  
}

@media (max-width: 767px) {

    /* portfolio grid */
    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 100%;}
    .portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 100%;}

    .portfolio-grid.work-4col li,.blog-grid.work-4col li {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child { width: 100%;}

    .portfolio-grid.work-3col li,.blog-grid.work-3col li {width: 100%}
    .portfolio-grid.work-3col li.grid-item-double, .blog-grid.work-3col li.grid-item-double {width: 100%} 

    .portfolio-grid.gutter-small, .blog-grid.gutter-small { margin: 0 7px;}
    .portfolio-grid.gutter-small li, .blog-grid.gutter-small li { padding:7px 7px;}
    .portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {padding:15px;}
    .portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {margin:0 -15px;}
    
    .hover-option8 .grid-item .portfolio-icon {right: 39px; top: 34px;}
    .portfolio-grid.gutter-medium, .blog-grid.gutter-medium, .portfolio-grid.gutter-large, .portfolio-grid.gutter-large, .blog-grid.gutter-large { margin: 0; }
    .portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li, .portfolio-grid.gutter-large li, .blog-grid.gutter-large li { padding: 7px 0}

    .portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 100%} 
    .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 100%;}

    /* portfolio 2 column */
    .portfolio-grid.work-2col li, .blog-grid.work-2col li {width: 100%}
    .portfolio-grid.work-2col li.grid-item-double, .blog-grid.work-2col li.grid-item-double {width: 100%}

    /* portfolio grid */
    .portfolio-grid.portfolio-metro-grid.work-4col li {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child { width: 100%;}
    .portfolio-grid.portfolio-metro-grid.work-6col li {width:50%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child { width: 100%;}
    .portfolio-grid.portfolio-metro-grid.work-3col li {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child { width: 100%;}


    /* feature box style 4 */
    .grid-item.feature-box-4 figure figcaption {padding-bottom:30px}
    /*feature box 4*/
    .feature-box-4 .grid-item figcaption {padding:0 20px;}
    .feature-box-4 figure figcaption {padding: 10% 5%; text-align: center}

    /*feature box 5*/
    .feature-box-5 {padding-left: 0; text-align: center}
    .feature-box-5 i {display: block; width: 100%; position: inherit; margin-bottom: 15px}

    /*feature box 7*/
    .feature-box.feature-box-7 .box, .feature-box.feature-box-7 div:first-child .box { border: 1px solid #ededed !important;}

    /*feature box 9 */
    .feature-box-9:nth-child(3) {clear: left;}

    /*feature box 10 */
    .feature-box-10 .number-center::before, .feature-box-10 .number-center::after {height:0}

    /* feature box style 12 */
    .feature-box-12 .hover-content-box { width: calc( 100% - 30px ); margin-left: 15px; margin-right: 15px;}

    /* feature box style 17 */
    .feature-box.feature-box-17 .box .content {top: 25px;}

    /* hover option3 */
    .hover-option3 .grid-item figure {bottom: 80px}
    .hover-option3 .grid-item figure figcaption {padding: 0 30px}

    /* header social icon */
    .header-searchbar { padding-left: 5px;}
    .header-searchbar a i { margin-right: 0;}
    .header-right { margin-left: 0;}

    /* home-page-7 */
    .head-text {font-size: 30px; line-height: 36px;}
    .sidebar-wrapper .portfolio-grid.work-4col li, .blog-grid.blog-4col li,.blog-grid.blog-3col li {width: 100%}
    .special-char-extra-large {font-size:130px; line-height: 110px;}

    /* home-page-7 */
    .hover-option11.gutter-small .grid-item { padding: 0; margin-bottom: 25px;}

    /* swiper pagination */
    .swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -35px}
    .swiper-number-pagination .swiper-pagination-bullets {bottom: auto; top: 25% !important;}
    .swiper-vertical-pagination > .swiper-pagination-bullets { right: 15px; }

    /* swiper bottom scrollbar */
    .swiper-bottom-scrollbar-full.swiper-container {height: 100%; top: 80px; overflow: auto}

    /*verticle slder homepage 12*/
    .swiper-container-autoheight .swiper-slide {height: auto}
    .swiper-container-autoheight .swiper-slide:last-child {margin-bottom: 0;}
    .swiper-bottom-scrollbar-full .swiper-slide img {opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: contrast(130%); -webkit-filter: contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%);  width: 100%; max-height: 100%}
    .hover-title-box .separator {position: relative; left: 0; top: 70px}
    .swiper-bottom-scrollbar-full .bottom-text {opacity: 1;}
    .swiper-auto-width.swiper-container {height: calc(100% - 93px); top: 78px;}
    .swiper-bottom-scrollbar-full .bottom-text { bottom: 25px; }
    .hover-title-box { opacity: 1; text-align: center; top: inherit; transform: translate(-50%, -30px); -moz-transform: translate(-50%, -30px); -webkit-transform: translate(-50%, -30px); -o-transform: translate(-50%, -30px); -ms-transform: translate(-50%, -30px); bottom: 0; left: 50%; right: 0; display: block; }

    /* swiper button style3 */
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {position: relative; bottom: 24px; display: inline-block; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); left: 50%; margin: 0;}
    .swiper-button-prev.swiper-prev-style3 {left: 50%; margin: 0 0 0 -85px;}

    /* left nav */
    .sidebar-part1, .bottom-menu-icon {width: 50px}
    .bottom-menu-icon {padding: 8px 15px;}

    /* testimonial-style2 */
    .testimonial-style2 .profile-box {margin-top: -25px;}

    /* left-sidebar style 2 */
    .sidebar-part2 { width: 280px; left: -280px;}
    .sidebar-part2 .right-bg {right: 15px;}

    /* link style 2 */
    .full-width-pull-menu .link-style-2 ul li a {font-size: 26px; line-height: 60px}
    .full-width-pull-menu .link-style-2 ul li a {line-height:42px; font-size: 22px;}
    .full-width-pull-menu .link-style-2 .icon-social-medium a:first-child .fa {margin-left: 0;}
    .full-width-pull-menu .link-style-2 .dropdown ul li a {line-height:16px; font-size:12px; padding: 3px 0;}
    .link-style-2 .dropdown-backdrop {display: none}

    /* close button */
    .close-button-menu {top:5px; right:5px}

    /* full width pull menu */
    .full-width-pull-menu .dropdown span.dropdown-toggle {width:30px; height:30px; top:21px}
    .full-width-pull-menu .dropdown .dropdown-toggle:before {right:15px; top:10px}
    .full-width-pull-menu .dropdown .dropdown-toggle:after {right:10px; top:15px}

    /* btn */
    .btn-dual .btn { margin:10px auto !important; display: table; min-width: 160px; }

    /* search form style */ 
    .search-form {width: 100%}   
}