@media(min-width:992px) and (max-width:1199px) {
    #main-slide .carousel-caption {
        top: 22%
    }
    .hero-heading {
        font-size: 26px;
        line-height: 40px
    }
    .subtitle {
        font-size: 16px
    }
    .welcome-section h1 {
        line-height: 38px;
        font-size: 24px
    }
    .matrl-tab ul.nav.nav-tabs .nav-item .nav-link {
        font-size: 16px;
        padding: 16px 15px
    }
    .icon-round {
        margin-right: 6px
    }
    .icon-box {
        margin-right: 6px
    }
    .icon-common {
        margin-right: 8px
    }
    .blog-sidebar-column .subscribe-widget .social-profiles,
    .blog-sidebar-column .subscribe-widget .subscribe-box {
        padding: 30px 20px
    }
}

@media(max-width:991px) {
    .page-title-section {
        padding: 40px 0
    }
    .section-titile-bg {
        display: none
    }
    .section-title {
        position: relative;
        margin-bottom: 50px
    }
}

@media(min-width:768px) and (max-width:991px) {
    #main-slide .carousel-caption {
        top: 22%
    }
    .hero-heading {
        font-size: 26px;
        line-height: 40px
    }
    .hero-sub-heading {
        font-size: 16px
    }
    .section-title {
        font-size: 28px
    }
    .subtitle {
        font-size: 18px
    }
    .welcome-section h1 {
        line-height: 25px;
        font-size: 16px
    }
    .Material-tab {
        margin-top: 30px
    }
    .portfolio-nav ul.nav li a {
        padding: 1px 8px;
        margin: 2px
    }
    .page-footer .footer-title {
        margin-top: 30px
    }
    .icon-round,
    .icon-box {
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px!important;
        margin-right: 6px
    }
    .icon-round .material-icons,
    .icon-box .material-icons {
        font-size: 20px
    }
    .icon-common {
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px!important;
        margin-right: 6px;
        font-size: 36px!important
    }
    .portfolio-details-section .portfolio-details h2 {
        font-size: 22px;
        line-height: 30px
    }
    .portfolio-details-section ul.portfolio-meta {
        padding: 0 15px
    }
    .portfolio-details-section .portfolio-details .portfolio-meta li span {
        width: none
    }
    .blog-sidebar-column {
        margin-top: 30px
    }
    .call-to-action-section h1 {
        font-size: 40px
    }
    .ripple-container {
        display: none
    }
    #rev_slider_main_forcefullwidth h1 {
        font-size: 38px!important;
        font-weight: 900;
        line-height: 50px
    }
}

@media(max-width:767px) {
    #main-slide .carousel-caption {
        top: 22%
    }
    .carousel-indicators {
        display: none
    }
    .hero-heading {
        font-size: 14px;
        line-height: 18px
    }
    .hero-sub-heading {
        font-size: 16px;
        line-height: 20px
    }
    #rev_slider_main_forcefullwidth h1 {
        font-size: 24px!important;
        font-weight: 900;
        line-height: 50px
    }
    .section-title {
        font-size: 30px;
        position: initial;
        margin-bottom: 30px
    }
    .section-title::before {
        bottom: 10px
    }
    .subtitle {
        font-size: 16px
    }
    .section-titile-bg {
        display: none
    }
    .welcome-section h1 {
        line-height: 30px;
        font-size: 18px
    }
    .matrl-tab ul.nav.nav-tabs {
        padding: 0
    }
    .matrl-tab ul.nav.nav-tabs .nav-item .nav-link {
        font-size: 15px;
        padding: 14px 8px
    }
    .matrl-tab ul.nav.nav-tabs li .active {
        color: #fff!important
    }
    .matrl-tab ul.nav.nav-tabs .nav-item .nav-link i {
        font-size: 24px;
        margin-right: 5px
    }
    .Material-tab-default ul.nav.nav-tabs li a {
        font-size: 13px;
        padding: 7px 6px;
        margin-right: 0
    }
    .Material-tab ul.nav.nav-tabs {
        padding: 0
    }
    .Material-tab ul.nav.nav-tabs .nav-item .nav-link {
        padding: 15px 10px 8px
    }
    .video-gallery {
        margin-top: 30px
    }
    .media-body .subtitle {
        font-size: 14px
    }
    .portfolio-nav ul.nav {
        float: left
    }
    .portfolio-nav ul.nav li a {
        padding: 7px 10px
    }
    .single-blog-post .post-meta .read-more-icon {
        bottom: 125px
    }
    .single-blog-post {
        margin-top: 30px
    }
    .page-footer .footer-title {
        margin-top: 30px
    }
    .work-counter-widget {
        margin: 20px 0
    }
    .work-counter-widget i {
        font-size: 110px;
        top: -35px
    }
    .work-counter-widget .counter span {
        font-size: 32px;
        font-weight: 700
    }
    .work-counter-widget .counter p {
        font-size: 13px;
        font-weight: 500
    }
    .icon-table .single-pricing-table {
        margin-bottom: 30px
    }
    .pricing-table {
        margin-bottom: 30px
    }
    .single-team-widget {
        margin-top: 20px
    }
    .blog-sidebar-column {
        margin-top: 30px
    }
    .blog-sidebar-column .author-widget .author-info .author-image {
        top: 70px;
        left: 20px
    }
    .blog-sidebar-column .author-widget .author-info .author-intro {
        float: right;
        right: 55px;
        top: 82px
    }
    .blog-sidebar-column .subscribe-widget .social-profiles,
    .blog-sidebar-column .subscribe-widget .subscribe-box {
        padding: 30px 20px
    }
    .users-comment-section {
        padding: 0
    }
    .users-comment-section .media .media-body .media {
        margin-left: -100px
    }
    .single-post h2 {
        font-size: 22px;
        line-height: 30px
    }
    .page-title-section {
        padding: 10px 0
    }
    .page-title {
        font-size: 32px;
        margin-top: 8px
    }
    .page-tagline {
        font-size: 16px
    }
    .contact-title {
        font-size: 26px;
        line-height: 45px
    }
    .call-to-action-section h1 {
        font-size: 21px
    }
    .call-to-action-section h3 {
        font-size: 16px
    }
    .call-to-action-section .text-right {
        text-align: left!important
    }
    .icon-round,
    .icon-box {
        margin-bottom: 20px
    }
    .icon-common {
        margin-bottom: 20px
    }
    .ripple-container {
        display: none
    }
    #main-slide .carousel-control {
        display: block
    }
}

@media(max-width:479px) {

    div.title-news-index {
        position: relative;
        right: 0 !important;
        margin: 17px auto;
    }
    #main-slide .carousel-caption {
        top: 5%
    }
    div.box-icon {
        width: 100% !important;
    }
    div.about_news p:first-child {
        display: inline-block;
        width: 47%;
    }
    div.about_news p {
        display: inline-block;
        width: 39%;
    }
    img.img_news_single {
        width: 250px;
        height: 250px;
    }
    div.parent_network {
        margin: 5% 15%;
    }
    section.page-about {
        height: 350px;
        position: relative;
        background: url(../images/folder/about.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-articles {
        height: 350px;
        position: relative;
        background: url(../images/folder/articales.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section#page-articles {
        height: 350px;
        position: relative;
        background: url(../images/folder/articales.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-gallery {
        height: 350px;
        position: relative;
        background: url(../images/folder/gallery.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-search {
        height: 350px;
        position: relative;
        background: url(../images/folder/search.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-conditions {
        height: 350px;
        position: relative;
        background: url(../images/folder/conditions.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-directors {
        height: 350px;
        position: relative;
        background: url(../images/folder/directors.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-corinthians {
        height: 350px;
        position: relative;
        background: url(../images/folder/corinthians.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-news {
        height: 350px;
        position: relative;
        background: url(../images/folder/news.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-contact-us {
        height: 350px;
        position: relative;
        background: url(../images/folder/contact-us.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-sentinel-list {
        height: 350px;
        position: relative;
        background: url(../images/folder/sentinel-list-2.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    /*section.page-contact-us{
        height: 350px;
        position: relative;
        background: url(../images/folder/sentinel-list-2.jpg) no-repeat scroll center center !important;
        background-size: cover
    }*/
    section.page-tasliyat {
        height: 350px;
        position: relative;
        background: url(../images/folder/tasliyat.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    section.page-happy {
        height: 350px;
        position: relative;
        background: url(../images/folder/happy.jpg) no-repeat scroll center center !important;
        background-size: cover;
        display: none;
    }
    #main-slide .btn-common,
    #main-slide .btn-border {
        padding: 3px 4px;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize
    }
    #Material-image-carousel .owl-controls .owl-buttons div.owl-prev {
        left: 20px
    }
    #Material-image-carousel .owl-controls .owl-buttons div.owl-next {
        right: 20px
    }
    .Material-accordion-2 .panel-default .panel-heading a {
        font-size: 15px
    }
    .Material-tab {
        margin-top: 30px
    }
    .hero-heading {
        font-size: 12px;
        line-height: 20px
    }
    .hero-sub-heading {
        font-size: 11px;
        line-height: 12px
    }

    div#ResultSearch table tr td div.resultImage {
        width: 100px !important;
        height: 100px !important;
        background-size: 100% !important;
        border-radius: 50% !important;
        background-repeat: no-repeat !important;
        display: table !important;
    }

    div#ResultSearch table tr td {
        display: flex !important;
        background-color: #F3F3F3!important;
        background-image: linear-gradient(to right, #ededed , #F3F3F3)!important;
        border-radius: 0 50px 50px 50px !important;
        border: 2px solid #ededed !important;
        position: relative!important;
        left: 15% !important;
    }
    div#ResultSearch table tr td div.resultInfo {
        margin: 18px 10px 0 0 !important;
        width: 150px !important;
        text-align: right !important;
    }
}