/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {
    .main-header-area .main-menu-area nav ul li {
        padding: 33px 17px;
    }
    .stick .main-menu-area nav ul li {
        padding: 20px 17px;
    }
    .main-header-2-area .main-menu-area nav ul li {
        padding: 33px 17px;
    }
    .main-header-4-area .main-menu-area nav ul li {
        margin-right: 10px;
    }
    .main-header-area .main-menu-area nav ul li .mega-menu-area,
    .main-header-2-area .main-menu-area nav ul li .mega-menu-area {
        left: -446px;
    }
    .main-header-3-area .main-menu-area nav ul li {
        padding: 33px 15px;
    }
    .slider-area .slider-3 h1 {
        margin-bottom: 0;
    }
    .slider-area .nivo-controlNav {
        bottom: 15px;
    }
    .slider-area .slider-2 p {
        margin-bottom: 5px;
    }
    .slider-area .slider-2 h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }
    .preview-2 .slider-1 h1 {
        margin-bottom: 15px;
    }
    .preview-2 .slider-3 .read-more {
        margin-top: 20px;
    }
    .preview-2 .slider-3 p {
        margin-bottom: 15px;
    }
    .services-4-area .services-4-area-right {
        top: 209px;
    }
    .service-area .row>div .service-box {
        padding: 50px 35px;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-prev {
        transform: translateX(50px);
        transition: 0.5s;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-next {
        transform: translateX(-50px);
        transition: 0.5s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-prev {
        left: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-next {
        right: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .footer-area-top .footer-social li {
        margin-right: 3px;
    }
    .page-project-details-area .popular-tags-box,
    .page-shop-area .popular-tags-box {
        margin-bottom: 0;
    }
    .inner-shop-details .inner-product-details-left ul li {
        width: 28%;
    }
    .page-news-details-area .page-news-details-content {
        padding-bottom: 15px;
    }
    .page-news-details-area .page-news-details-content p span {
        margin: 30px 0 30px 30px;
    }
    .team-2-area .team-2-box .media a {
        float: none!important;
    }
    .team-2-area .team-2-box .media .media-body {
        padding-left: 0;
    }
    .team-2-area .team-2-box .media .media-body p {
        padding-bottom: 0;
    }
    .team-3-area .team-2-box .media .media-body p {
        padding-bottom: 20px;
        margin-bottom: 16px;
    }
    .team-details-top-area .img-back-side .overlay {
        display: none;
    }
    .team-details-top-area .img-back-side:after {
        display: none;
    }
    .team-details-top-area .img-back-side a img {
        margin: 0 auto;
        width: auto;
        margin-bottom: 15px;
    }
    .team-details-top-area .team-details-top-area-right .team-details-skill h2 {
        text-align: center;
    }
    .get-quote-area {
        text-align: center;
    }
    .get-quote-area .inner-get-quote-area h3 {
        float: none;
        padding: 20px;
    }
    .get-quote-area .inner-get-quote-area a {
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .about-3-area .about-3-right::after {
        display: none;
    }
    .about-3-area .about-3-details .media .media-body h4::after {
        bottom: 5px;
    }
    .about-3-area .about-3-details .media .media-body h4 {
        margin-bottom: 15px;
    }
    .about-3-details .media a img {
        margin-bottom: 15px;
    }
    .fixed-width {
        width: auto;
    }
    .news-3-area-right .inner-news-3-box-right .inner-news-3-box-bottom p {
        margin-bottom: 10px;
    }
    .news-3-area-left .inner-news-3-box-bottom p {
        margin-bottom: 26px;
    }
    .main-header-2-area .main-header-2-area-back .menu-sidebar::before {
        display: none;
    }
    .main-header-2-area .main-header-2-area-back .menu-sidebar::after {
        display: none;
    }
    .why-choose-us-area .why-choose-us-left .why-choose-us-details .panel-default .panel-heading {
        padding: 10px 8px !important;
    }
    .about-2-area .about-2-right p {
        display: none;
    }
    .about-2-area .about-2-right a img {
        padding: 130px 50px 0;
    }
    .header-style4-area .main-header-area .my-search-style {
        display: none;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 22px;
    }
    .section-space {
        padding: 80px 0;
    }
    .section-space-b-less-30 {
        padding: 80px 0 60px;
    }
    .section-space-b-less-20 {
        padding: 80px 0 60px
    }
    .inner-section-space-top {
        padding: 50px 0 0;
    }
    .section-space-top {
        padding: 100px 0 0 0;
    }
    .section-space-88 {
        padding: 68px 0;
    }
    .section-space-88-100 {
        padding: 68px 0 80px;
    }
    .section-space-82-100 {
        padding: 62px 0 80px;
    }
    .section-space-88-64 {
        padding: 68px 0 44px;
    }
    .section-space-100-74 {
        padding: 80px 0 54px;
    }
    .section-space-88-75 {
        padding: 68px 0 55px;
    }
    .section-space-88-94 {
        padding: 68px 0 74px;
    }
    .section-space-82-74 {
        padding: 62px 0 54px;
    }
    .section-space-110-64 {
        padding: 90px 0 44px;
    }
    .section-space-88-44 {
        padding: 68px 0 24px;
    }
    .section-space-100-64 {
        padding: 80px 0 44px;
    }
    .section-space-93-94 {
        padding: 73px 0 74px;
    }
    .section-space-93-100 {
        padding: 73px 0 80px;
    }
    .margin-b-30 {
        margin-bottom: 30px;
    }
    .btn-read-more {
        display: inline-block;
    }
    .stick .logo-area {
        margin-top: 20px;
    }
    .header-bennar-area {
        padding: 70px 0;
    }
    .header-bennar-area .header-bennar-left h2 {
        font-size: 36px;
    }
    .main-header-area .main-menu-area nav ul li {
        padding: 20px 7px;
    }
    .main-header-area .cart-area {
        padding: 20px 0;
    }
    .main-header-area .cart-area>a>span {
        top: 12px;
    }
    .main-header-2-area .main-menu-area nav ul li {
        padding: 33px 7px;
    }
    .main-header-4-area .main-menu-area nav ul li {
        margin-right: 6px;
    }
    .main-header-area .main-menu-area nav ul li ul {
        top: 104%;
    }
    .main-header-area .main-menu-area nav ul li .mega-menu-area>li,
    .main-header-2-area .main-menu-area nav ul li .mega-menu-area>li {
        width: 113px;
        margin-right: 5px;
    }
    .main-header-area .main-menu-area nav ul li .mega-menu-area {
        padding: 18px 15px;
        width: 753px;
        left: -441px;
    }
    .main-header-2-area .main-menu-area nav ul li .mega-menu-area {
        padding: 18px 13px;
        width: 750px;
        left: -433px;
    }
    .main-header-area .cart-area>ul {
        top: 66px;
    }
    .main-header-3-area .main-menu-area nav ul li {
        padding: 21px 5px;
    }
    .main-header-3-area .cart-area {
        padding: 20px 0;
    }
    .main-header-2-area .main-menu-area nav ul li {
        padding: 23px 7px;
    }
    .main-header-2-area .cart-area {
        padding: 22px 0;
    }
    .main-header-2-area .cart-area>a>span {
        top: 15px;
    }
    .main-header-2-area .cart-area>ul {
        top: 70px;
    }
    .preview-1 .slider-2 .details-content {
        display: none;
    }
    .slider-area .slider-1 h1 {
        font-size: 45px;
        margin-bottom: 0px;
    }
    .slider-area .slider-1 .details-content p {
        display: none;
    }
    .slider-area .slider-1 h1::before {
        display: none;
    }
    .slider-area .slider-1 .read-more {
        margin-top: 0;
    }
    .slider-area .slider-2 p {
        margin-bottom: 25px;
    }
    .preview-2 .slider-1 .read-more {
        display: none;
    }
    .preview-2 .slider-2 p {
        display: none;
    }
    .preview-2 .slider-3 h1 {
        font-size: 30px;
    }
    .preview-3 .slider-3 h1 {
        font-size: 56px;
    }
    .services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box {
        padding: 30px 15px 10px;
    }
    .services-4-area .services-4-area-right {
        top: 260px;
    }
    .service-area .row>div .service-box .service-box-top a i::before {
        font-size: 42px;
    }
    .service-area .row>div .service-box {
        padding: 50px 20px;
    }
    .service-area .row>div .service-box .service-box-top a {
        margin-right: 20px;
    }
    .service-area .row>div .service-box .service-box-top h3::after {
        bottom: 34px;
        left: 64px;
    }
    .service-area .row>div .service-box .service-read-more i {
        font-size: 18px;
        line-height: 44px;
    }
    .service-area .row>div .service-box .service-read-more {
        height: 40px;
        width: 50px;
    }
    .about-area .about-left h2 {
        font-size: 40px;
    }
    .about-area .about-left ul {
        margin: 30px 0;
    }
    .featured-area .isotop-classes-tab a {
        margin: 0;
    }
    .video-area h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .team-box {
        padding-bottom: 0;
    }
    .team-box h3 {
        font-size: 19px;
    }
    .team-box p {
        margin-bottom: 0;
    }
    .team-box .overlay-box {
        margin-bottom: 30px;
    }
    .team-box .overlay-box ul li a i {
        font-size: 28px;
    }
    .team-box .overlay-box ul li {
        width: 52px;
        margin-bottom: 10px;
    }
    .news-area .inner-news-box-bottom {
        padding: 20px 15px 30px;
    }
    .news-area .inner-news-box-bottom p {
        margin-bottom: 30px;
    }
    .clients-area .inner-section-space-top {
        padding: 0;
    }
    .clients-area .clients .clients-box .clients-area-top a img {
        float: none;
        margin: 0 auto;
    }
    .clients-area .clients .clients-box .clients-area-top .clients-area-top-content p::after {
        right: 0;
        margin: 0 auto;
    }
    .clients-area .clients .owl-controls {
        margin-top: 20px;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-prev {
        transform: translateX(50px);
        transition: 0.5s;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-next {
        transform: translateX(-50px);
        transition: 0.5s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-prev {
        left: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-next {
        right: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .page-services-3-top-area .page-services-3-box .media .featured-box {
        margin-bottom: 30px;
    }
    .page-services-3-top-area .page-services-3-box .media .media-body {
        padding-left: 0;
    }
    .page-shop-area .inner-shop-top-left {
        text-align: center;
    }
    .inner-shop-details .inner-product-details-left ul li {
        margin: 16px 10px 0 0;
    }
    .page-news-area .inner-page-news-area .inner-page-news-box .inner-news-box-bottom {
        padding: 30px 10px;
    }
    .page-news-area .inner-page-news-area .inner-page-news-box .inner-news-box-bottom p {
        margin-bottom: 30px;
    }
    .page-news-details-area .page-news-details-content .comments-info li {
        margin-right: 7px;
    }
    .contact-banner-area h3 {
        text-align: center;
        font-size: 32px;
    }
    .contact-banner-area a {
        margin-top: 15px;
    }
    .about-4-area .about-4-left .about-4-tab-area ul li a {
        width: 135px;
    }
    .about-4-area .about-4-left .about-4-tab-area .tab-content {
        padding: 40px 0 0 0;
    }
    .why-choose-us-area::after {
        background: rgba(230, 230, 230, 0.9) none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .why-choose-us-area .why-choose-us-left {
        padding-right: inherit;
    }
    .news-3-area .fixed-width {
        width: 100%;
    }
    .news-3-area-left {
        margin-bottom: 30px;
    }
    .about-2-area .about-2-right a::after {
        display: none;
    }
    .about-2-area .about-2-right a img {
        padding: 30px 30px 0 30px;
    }
    .about-2-area .about-2-left .about-2-tab-area .tab-content {
        padding: 40px 0 0 0;
    }
    .btn-read-more {
        padding: 12px 30px;
    }
    .services-2-area .services-2-bottom h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .about-4-area .about-4-left h2,
    .about-2-area .about-2-left h2 {
        font-size: 42px;
        margin-bottom: 26px;
    }
    .about-2-area .about-2-left .about-2-tab-area ul li a {
        width: 132px;
    }
    .services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box h3 {
        font-size: 14px;
    }
    .services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box i:before {
        font-size: 40px;
    }
    .section-sub-title {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .shop-2-box a img {
        width: 220px;
    }
    .main-header-area .main-menu-area nav ul {
        text-align: left;
    }
    .header-style4-area .main-header-area .main-menu-area ul li {
        padding: 33px 0;
        margin-right: 22px;
    }
    .header-style4-area .main-header-area .main-menu-area ul li:last-child {
        margin-right: 0;
    }
    .main-header-area .main-menu-area nav ul li .mega-menu-area {
        left: -342px;
    }
    .main-header-area .main-menu-area nav ul li ul {
        top: 100%;
    }
    .main-header-area .cart-area {
        padding: 32px 0;
    }
    .main-header-area .cart-area>a>span {
        top: 25px;
    }
    .header-style4-area .main-header-area .main-menu-area ul li {
        margin-right: 18px;
        padding: 20px 0;
    }
    .main-header-area .cart-area {
        padding: 19px 0;
    }
    .main-header-area .cart-area>a>span {
        top: 15px;
    }
    .main-header-area .main-menu-area nav ul {
        text-align: center;
    }
    .main-header-area .main-menu-area nav ul li {
        padding: 20px 5px;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    .about-3-area .about-3-left .about-3-left-top {
        padding-bottom: 30px;
    }
    .mean-bar img {
        padding: 1px 0 0 5px;
        width: 50px;
    }
    .section-space {
        padding: 70px 0;
    }
    .section-space-b-less-30 {
        padding: 70px 0 40px;
    }
    .section-space-b-less-20 {
        padding: 70px 0 50px
    }
    .inner-section-space-top {
        padding: 40px 0 0;
    }
    .section-space-top {
        padding: 80px 0 0 0;
    }
    .section-space-88 {
        padding: 58px 0;
    }
    .section-space-88-100 {
        padding: 58px 0 70px;
    }
    .section-space-82-100 {
        padding: 52px 0 70px;
    }
    .section-space-88-64 {
        padding: 58px 0 34px;
    }
    .section-space-100-74 {
        padding: 70px 0 44px;
    }
    .section-space-88-75 {
        padding: 58px 0 45px;
    }
    .section-space-88-94 {
        padding: 58px 0 64px;
    }
    .section-space-82-74 {
        padding: 52px 0 44px;
    }
    .section-space-110-64 {
        padding: 80px 0 34px;
    }
    .section-space-88-44 {
        padding: 58px 0 14px;
    }
    .section-space-100-64 {
        padding: 70px 0 34px;
    }
    .section-space-93-94 {
        padding: 63px 0 64px;
    }
    .section-space-93-100 {
        padding: 63px 0 70px;
    }
    .header-bennar-area {
        padding: 70px 0;
    }
    .header-bennar-area .header-bennar-left h2 {
        font-size: 32px;
    }
    .header-bennar-left,
    .header-bennar-right {
        text-align: center!important;
    }
    .header-top-area .header-top-right {
        margin-top: 10px;
    }
    .main-header-area {
        display: none;
    }
    .header-2-wraper {
        display: none;
    }
    #sticker-3 {
        display: none;
    }
    .main-header-4-area {
        display: none;
    }
    .slider-area .slider-1 .read-more {
        display: none;
    }
    .slider-area .slider-3 .details-content {
        margin-bottom: 0;
    }
    .preview-3 .slider-1 .read-more {
        display: block;
    }
    .bend-3 {
        margin-bottom: 0;
    }
    .slider-area .slider-3 .details-content p {
        letter-spacing: 3px;
    }
    .slider-area .slider-1 h1 {
        font-size: 30px;
    }
    .preview-3 .slider-3 h1 {
        font-size: 36px;
    }
    .preview-3 .slider-2 h1 {
        font-size: 40px;
    }
    .preview-3 .slider-2 .details-content {
        margin-bottom: 0;
    }
    .slider-area .slider-1 h1::after {
        display: none;
    }
    .slider-area .slider-1 h3 {
        letter-spacing: 5px;
    }
    .slider-area .slider-1 h3 {
        margin-bottom: 0;
    }
    .bend-2 {
        margin-bottom: 0;
    }
    .slider-area .slider-2 p {
        letter-spacing: 7px;
    }
    .preview-1 .slider-2 .read-more {
        display: none;
    }
    .preview-1 .slider-3 h1 {
        font-size: 40px;
    }
    .services-4-area .services-4-area-right {
        transform: translateY(70px);
        position: initial;
        text-align: center;
    }
    .services-4-area-left-bottom-box {
        margin-bottom: 15px;
    }
    .about-right {
        margin-top: 30px;
    }
    .featured-area .isotop-classes-tab a {
        display: inline-block;
        margin: 0 2px 8px;
    }
    .video-area h2 {
        font-size: 40px;
        margin-bottom: 36px;
    }
    .team-box .overlay-box ul li {
        width: 80px;
        margin-bottom: 30px;
    }
    .brand-area .brand .brand-box {
        width: 150px;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-prev {
        transform: translateX(60px);
        transition: 0.5s;
    }
    .brand-area:hover .brand .owl-controls .owl-buttons .owl-next {
        transform: translateX(-60px);
        transition: 0.5s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-prev {
        left: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .brand-area .brand .owl-controls .owl-buttons .owl-next {
        right: -60px;
        top: 24px;
        transition: 0.8s;
    }
    .footer-area-top .flickr-photos li {
        width: auto;
    }
    .page-about-us-details-box p:last-child {
        margin-bottom: 0;
    }
    .in-responsive-center {
        text-align: center;
    }
    .in-responsive-center h3 {
        margin-bottom: 20px;
    }
    .page-services-3-top-area .page-services-3-box .media .featured-box {
        margin-bottom: 0;
    }
    .sidebar {
        margin-top: 50px;
    }
    .projects-1-featured-area .isotop-classes-tab {
        margin-bottom: 30px;
    }
    .clients-2-area .clients-2 .clients-2-box>p {
        padding: 0 15px;
    }
    .projects-2-featured-area .isotop-classes-tab a {
        display: inline-block;
        margin-bottom: 4px;
    }
    .page-project-details-area .page-project-details-bottom ul li i::before {
        font-size: 18px;
        margin-right: 10px;
    }
    .page-project-details-area .page-project-details-bottom ul li {
        font-size: 12px;
    }
    .page-shop-area .inner-shop-top-right {
        float: none;
        text-align: center;
    }
    .mypagination {
        text-align: center;
    }
    .inner-product-details-left {
        margin-bottom: 30px;
    }
    .page-news-details-area .page-news-details-tags {
        padding-bottom: 30px;
    }
    .team-3-area .team-2-box .media a {
        float: none!important;
    }
    .team-3-area .team-2-box .media .media-body {
        padding-left: 0;
    }
    .team-details-top-area .team-details-top-area-right .team-details-social {
        right: 15px;
    }
    .page-error-area .page-error-top {
        padding: 10px 0 40px;
    }
    .page-error-area .page-error-top span {
        font-size: 150px;
        line-height: 200px;
    }
    .page-error-area .page-error-top p {
        font-size: 20px;
    }
    .page-error-area .page-error-bottom p {
        font-size: 14px;
    }
    .page-contact-us-left {
        margin-bottom: 50px;
    }
    .btn-read-more,
    .btn-read-more-fill,
    .btn-read-more-white,
    .btn-read-more-transparent,
    .btn-error {
        padding: 12px 30px;
    }
    .header-top-4-right ul,
    .header-top-4-left ul {
        display: none;
    }
    .slider-area .slider-4 .logo-area img {
        top: 35%;
        max-width: 100%;
        padding: 0 30px;
    }
    .services-2-top a img {
        width: 100%;
    }
    .featured-3-area .isotop-classes-tab a {
        display: inline-block;
        margin: 2px 0;
    }
    .about-3-right {
        margin-top: 30px;
    }
    .about-2-area .about-2-left .about-2-tab-area .tab-content {
        padding: 40px 0 0 0;
    }
    .about-2-area .about-2-left h2 {
        font-size: 40px;
    }
    .projects-1-featured-area .isotop-classes-tab a {
        display: inline-block;
        width: inherit;
    }
    .header-top-area {
        display: none;
    }
    .featured-area .featuredContainer .featured-box .featured-details {
        display: none;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 22px;
    }
    .section-space {
        padding: 60px 0;
    }
    .section-space-b-less-30 {
        padding: 60px 0 30px;
    }
    .section-space-b-less-20 {
        padding: 60px 0 40px
    }
    .header-bennar-area {
        padding: 40px 0;
    }
    .inner-section-space-top {
        padding: 40px 0 0;
    }
    .section-space-top {
        padding: 70px 0 0 0;
    }
    .section-space-88 {
        padding: 48px 0;
    }
    .section-space-88-100 {
        padding: 48px 0 60px;
    }
    .section-space-82-100 {
        padding: 42px 0 60px;
    }
    .section-space-88-64 {
        padding: 48px 0 24px;
    }
    .section-space-100-74 {
        padding: 60px 0 34px;
    }
    .section-space-88-75 {
        padding: 48px 0 35px;
    }
    .section-space-88-94 {
        padding: 48px 0 54px;
    }
    .section-space-82-74 {
        padding: 42px 0 34px;
    }
    .section-space-110-64 {
        padding: 70px 0 24px;
    }
    .section-space-88-44 {
        padding: 48px 0 4px;
    }
    .section-space-100-64 {
        padding: 60px 0 24px;
    }
    .section-space-93-94 {
        padding: 53px 0 54px;
    }
    .section-space-93-100 {
        padding: 53px 0 60px;
    }
    .header-bennar-area .header-bennar-left h2 {
        font-size: 28px;
    }
    .slider-area .slider-1 h1 {
        font-size: 22px;
    }
    .preview-1 .slider-3 .read-more {
        display: none;
    }
    .preview-1 .slider-3 h1 {
        font-size: 20px;
    }
    .preview-1 .slider-3 h3 {
        letter-spacing: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .slider-area .slider-1 h3 {
        letter-spacing: 3px;
        font-size: 12px;
    }
    .slider-area .slider-2 h1 {
        font-size: 36px;
        display: inherit;
    }
    .preview-3 .slider-3 h1 {
        font-size: 20px;
    }
    .preview-3 .slider-3 .details-content p {
        margin-bottom: 30px;
        font-size: 12px;
    }
    .preview-3 .slider-2 h1 {
        font-size: 27px;
    }
    .slider-area .slider-2 p {
        display: none;
    }
    .slider-2 .read-more {
        display: none;
    }
    .preview-2 .slider-3 .read-more {
        display: none;
    }
    .preview-2 .slider-1 p {
        margin-bottom: 20px;
        letter-spacing: 0;
    }
    .nivo-directionNav {
        display: none;
    }
    .about-area .about-left h2 {
        font-size: 36px;
    }
    .about-area .about-left ul li {
        font-size: 12px;
    }
    .about-area .about-left ul li i::before {
        font-size: 18px;
        margin-right: 10px;
    }
    .featured-area .isotop-classes-tab a {
        display: inline-table;
        margin: 2px 0;
    }
    .team-box .overlay-box ul li {
        width: 60px;
        margin-bottom: 0;
    }
    .video-area h2 {
        font-size: 36px;
        margin-bottom: 32px;
    }
    .footer-area-top {
        padding-left: 5px;
        padding-right: 5px;
    }
    .page-services-3-top-area .page-services-3-box .media .featured-box {
        margin-bottom: 30px;
    }
    .page-services-3-top-area .page-services-3-box .media .media-body {
        padding-left: 0;
    }
    .projects-2-featured-area .isotop-classes-tab a {
        display: inline-block;
    }
    .page-news-details-comments {
        text-align: center;
    }
    .page-news-details-comments .media a {
        float: none!important;
    }
    .page-news-details-comments .media a img {
        margin: 0 auto;
    }
    .page-news-details-comments .media .media-body {
        padding-left: 0!important;
    }
    .team-details-top-area .team-details-top-area-right .team-details-skill h2 {
        font-size: 20px;
        letter-spacing: 5px;
    }
    .team-details-top-area .team-details-top-area-right .team-details-social {
        display: none;
    }
    .page-contact-us-area .page-contact-us-left p {
        margin-bottom: 30px;
    }
    .about-2-area .about-2-left .about-2-tab-area ul li a,
    .about-4-area .about-4-left .about-4-tab-area ul li a {
        width: 128px;
    }
    .about-4-area .about-4-left h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .about-4-area .about-4-left .about-4-tab-area .tab-content {
        padding: 30px 0 0;
    }
    .video-4-area h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .news-3-area .inner-news-3-box-right .inner-news-3-box-bottom {
        padding: 30px 15px 20px;
    }
    .header-bennar-area .header-bennar-right {
        margin-top: 0px;
    }
    .featured-4-area .featuredContainer .featured-box .overlay {
        height: 50%;
    }
    .featured-4-area .featuredContainer .featured-box .overlay .overlay-top p a {
        font-size: 14px;
    }
}


/* small mobile :480px. */

@media only screen and (min-width: 321px) and (max-width: 480px) {
    .about-area .about-left h2,
    .about-2-area .about-2-left h2,
    .about-4-area .about-4-left h2 {
        font-size: 36px;
    }
    .about-2-area .about-2-left .about-2-tab-area ul li a,
    .about-4-area .about-4-left .about-4-tab-area ul li a {
        width: 114px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    h2 {
        font-size: 28px;
    }
    .service-area .row>div .service-box {
        padding: 40px 10px;
    }
    .about-area .about-left h2,
    .about-2-area .about-2-left h2 {
        font-size: 30px;
    }
    .video-area h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .shop-2-box .media-body {
        padding: 15px 30px 0 0;
    }
    .about-4-area .about-4-left h2 {
        text-align: center;
    }
    .about-2-area .about-2-left .about-2-tab-area ul li a,
    .about-4-area .about-4-left .about-4-tab-area ul li a {
        width: 96px;
    }
    .section-space-top {
        padding: 60px 0 0 0;
    }
    .why-choose-us-area .why-choose-us-left .why-choose-us-details .panel-default .panel-heading .panel-title {
        font-weight: 600;
        font-size: 16px;
    }
    .about-4-area .about-4-left h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .slider-area .slider-1 h3 {
        padding: 5px 0;
    }
    .services-2-area {
        padding-bottom: 30px;
    }
}