/* Extra small devices (portrait phones, less than 320px) */
    
    @media (max-width: 360px) {
        .breadcrumb-menu {
            left: 44%;
            transform: translate(-40%, -50%);
        }
        .blog-content {
            padding: 30px 20px 20px 20px;
        }
        .error-page>.container>.row>.error-text>h3 {
            font-size: 14px;
            line-height: 1.5;
            padding-top: 0;
        }
        .error-searchform {
            max-width: 280px;
        }
        .error-searchform .text-input {
            margin-left: 12px;
        }
        #joinus>.container>.row>.joinus-inner>h2 {
            font-size: 18px;
        }
        .timeline .date-title span {
            padding: 10px 15px;
            font-size: 14px;
        }
        .service-card {
            width: 100% !important;
        }
        input {
            height: 40px;
        }
        .into-text h1 {
            font-size: 24px;
        }
        .blog-content ul li {
            padding-right: 3px;
        }
        .news-item.right .news-content {
            margin: 20px 0 0 0px;
        }
        .tab-content .media:hover .overlay-side,
        .home-gallary-img:hover .overlay-side,
        .home-blog-div:hover .home-gallary-img .overlay-side {
            height: 96%;
        }
        .about-text h3 {
            font-size: 26px;
        }
    }
    /* Extra small devices (portrait phones, less than 576px) */
    
    @media (max-width: 575.98px) {
        .common {
            padding-bottom: 30px;
        }
        .p-b-0 {
            padding-bottom: 20px !important;
        }
        section {
            padding: 50px 0 50px 0;
            position: relative;
        }
        nav.navbar.bootsnav.navbar-fixed {
            -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
        }
        .into-text {
            left: 35%;
            transform: translate(-35%, -50%);
            width: 96%;
            top: 53.2%;
        }
        nav.navbar .navbar-brand img.logo {
            width: 90px;
        }
        .navbar-brand {
            padding: 15px 15px;
        }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
            background: #ffffff;
        }
        .into-text h1 {
            line-height: 1.5em;
            font-size: 32px;
            margin: 0;
        }
        .team-text h3 {
            font-size: 20px;
        }
        .header-color h2,
        .header h2 {
            font-size: 36px;
            margin: 0;
            padding-bottom: 15px;
        }
        .header-btn-group .boxed-btn {
            font-size: 12px !important;
            margin: 0;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 32px;
            line-height: 1.5;
        }
        .slide .slide__content--headings h3 {
            font-size: 24px;
            padding: 0;
        }
        .slide .slide__content {
            top: 52.5%;
        }
        .about-text>.header-btn-group {
            margin-left: 0px;
        }
        .header-btn-group {
            text-align: center;
            width: 100%;
            margin-top: 20px;
        }
        .boxed-btn {
            padding: 8px 15px;
            line-height: 1.5em;
        }
        .single-blog .blog-content .blog-meta .blog-author .blog-name p {
            font-size: 14px;
        }
        .single-blog .blog-content .blog-meta .blog-date p {
            font-size: 14px;
        }
        .blog-pagination {
            height: unset;
            width: 98%;
            margin: 0 auto
        }
        input.search-page {
            width: 80%;
            position: relative;
        }
        .price-main {
            margin-top: 50px;
        }
        .team-text {
            text-align: center;
            width: 90%;
        }
        .single-pricing-plan {
            margin-bottom: 30px;
        }
        .single-pricing-plan.active {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
        .slick-dots {
            top: 101%;
        }
        .header-btn-group .small-btn {
            margin: 0 0px;
        }
        .blog-comment ul li a {
            font-size: 14px;
        }
        .blog-pagination>ul>li>a {
            margin-bottom: 10px;
        }
        .sidebar-search form {
            margin: 20px 0 20px;
            min-width: 275px;
        }
        .sidebar-search form::after {
            bottom: 10px;
        }
        .testimonials-slick {
            width: 95%;
            margin: 0 auto;
        }
        .testimonials-wrapper .item img {
            margin-top: 30px;
        }
        .testimonials-wrapper h4 {
            padding-bottom: 10px !important;
            font-size: 20px;
        }
        .testimonials-wrapper p {
            margin: 0px 0;
            font-size: 14px;
        }
        .project-slick>.slick-dots>li {
            margin: 15px 5px 0;
        }
        .news-item.right {
            margin-bottom: 40px;
        }
        #project {
            background: #f1f1f1;
        }
        .slick-dots li {
            margin: 33px 5px 0;
        }
        .blog-grid {
            margin-bottom: 20px;
        }
        .blog-comment ul li a span {
            margin-left: 0px;
        }
        .blog-show p {
            padding-top: 15px;
        }
        .single-blog .blog-content .blog-title,
        .single-blog .blog-content .blog-title a {
            font-size: 22px;
        }
        .btn-square {
            padding: 8px 10px;
            line-height: 1.5em;
        }
        .boxed-btn.blank {
            padding: 8px 20px;
        }
        .bottom-social ul li {
            padding-right: 12px;
            padding-left: 12px;
        }
        .about-text h3 {
            margin: 0;
            padding: 0;
            margin-top: 0;
            margin-bottom: 20px;
            line-height: 1.3;
            font-size: 20px;
        }
        .about-text h4 {
            font-size: 14px;
            padding-bottom: 20px;
        }
        .service-card {
            width: 85%;
            margin: 0 auto;
            margin-bottom: 20px;
        }
        .about-testimonial>.container>.row>.testimonials-slick {
            width: 90%;
            margin: 0 auto;
        }
        .service-features-text img {
            text-align: center;
            display: flex;
        }
        .service-content h4 span {
            font-size: 20px;
        }
        .service-content p {
            padding-bottom: 20px;
        }
        .testimonials-wrapper {
            margin-top: 0px;
        }
        .breadcrumb-menu {
            top: 62%;
        }
        .slidprev {
            display: none !important;
        }
        .slidNext {
            display: none !important;
        }
        .team-section {
            border-bottom: unset !important;
            position: relative;
        }
        .team ul {
            width: 90%;
        }
        .team-slider-img {
            height: unset;
            display: unset;
            align-items: unset;
            justify-content: unset;
        }
        .video-icon i {
            margin-left: 5px;
        }
        .video-icon {
            font-size: 22px;
            height: 70px;
            line-height: 75px;
            width: 70px;
        }
        .details-item img,
        .team img {
            width: 40%;
            margin: 0 auto;
        }
        .testimonials-wrapper .item i {
            font-size: 24px;
        }
        .bimg img {
            width: 100%;
        }
        .slick-slide img {
            margin: 0 auto;
        }
        .main-footer {
            padding-top: 40px;
        }
        .bottom-text p {
            text-align: center;
            margin-bottom: 20px;
            font-size: 12px;
        }
        .bottom-social ul {
            text-align: center;
            padding-left: 0;
        }
        .newsletter .all-btn {
            font-size: 16px;
        }
        .footer-inner h3 {
            margin: 0;
        }
        .join-details p {
            text-align: center;
            margin-bottom: 15px;
        }
        .join-details h1 {
            font-size: 22px;
            line-height: 1.5;
            text-align: center;
            margin-bottom: 10px;
            margin-top: 0;
        }
        .subscribe input[type="submit"] {
            letter-spacing: 0px;
            font-size: 13px;
            padding: 9px 0px;
            width: 80px;
            border-radius: 15px;
            margin-left: -15px;
        }
        .newsletter-text {
            width: 90%;
            margin: 0 auto;
        }
        .error-text h2 {
            font-size: 110px;
            margin: 40px 0 70px 0;
            padding: 0;
        }
        .about-image img {
            padding-bottom: 0;
            margin-top: 40px;
        }
        .video-card {
            margin: 0 auto 20px;
            padding: 30px 15px;
        }
        .news-item .news-content {
            margin: 20px 0 0 0;
            padding: 30px 5px 30px 78px;
        }
        .news-content .date {
            left: 0px;
        }
        .news-item .news-content::before {
            display: none;
        }
        .blog-show select {
            margin-bottom: 15px;
        }
        .count-in {
            margin-bottom: 20px;
        }
        .about-card {
            margin-bottom: 20px;
        }
        .joinus-inner h2 {
            font-size: 22px;
            margin-bottom: 20px;
            margin-top: 0;
            padding: 0;
            line-height: 1.5;
        }
        .single-list-blog .blog-content {
            padding: 20px 6px 20px 6px !important;
        }
        input {
            height: 46px;
        }
        .header h2 {
            font-size: 24px;
            padding: 0;
        }
        .about-text {
            margin-bottom: 20px;
        }
        .about-test {
            text-align: center;
        }
        .about-test p {
            margin: 30px 0 30px 0;
        }
        .about-test .item i {
            font-size: 24px;
        }
        .about-vedio img {
            margin-top: 20px;
        }
        .about-vedio a img {
            top: 43%;
        }
        .service-inner-text h3 {
            text-align: center;
        }
        .newsletter-text h3 {
            font-size: 22px;
            line-height: 1.5;
            padding: 0;
            margin-top: 0;
            margin-bottom: 20px;
        }
        .breadcrumb li a {
            font-size: 16px;
        }
        .breadcrumb>.active,
        .breadcrumb li a:hover {
            font-size: 16px;
        }
        .video-sec {
            height: 250px;
            object-fit: cover;
        }
        .header-about h2 {
            font-size: 24px;
            margin-bottom: 0;
        }
        .service-inner-text p {
            font-size: 14px;
        }
        .subscribe {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 5px;
            padding-right: 15px;
        }
        .main-newsletter h2 {
            margin-bottom: 20px;
            font-size: 22px;
            line-height: 1.5;
            margin-top: 0;
            letter-spacing: 1px;
        }
        .service-inner-text {
            margin: 20px 0;
        }
        .service-inner-img img {
            margin: 0 auto;
        }
        .attr-nav>ul>li>a {
            padding: 16px 15px;
        }
        .service-two-text {
            margin-bottom: 20px;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .about-content p {
            padding: 0;
            margin-top: 20px;
            margin-bottom: 0;
            line-height: 26px;
        }
        .breadcrumb-menu h3 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .error-page>.container>.row>.error-text>h3 {
            font-size: 16px;
            line-height: 1.5;
        }
        .error-text h4 {
            padding-top: 0;
        }
        .blog-pagination>ul>li>a {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .about-vedio {
            margin-top: 40px;
        }
        .blg-dtls-content h4 {
            font-size: 20px;
        }
        .blg-dtls-content .text-right {
            text-align: left!important;
        }
        .blog-comments .media-body {
            display: initial;
        }
        .media-left img {
            margin-bottom: 10px;
        }
        .side-tab ul li a {
            font-size: 19px;
        }
        .tab-content .media-body {
            width: 245px;
            padding-left: 15px;
        }
    }
    /* Small devices (landscape phones, 576px and up) */
    
    @media (min-width: 576px) and (max-width: 767.98px) {
        .common {
            padding-bottom: 40px;
        }
        .p-b-0 {
            padding-bottom: 20px !important;
        }
        section {
            padding: 50px 0 50px 0;
            position: relative;
        }
        .into-text {
            left: 36%;
            transform: translate(-33%, -50%);
            width: 80%;
            top: 53%;
        }
        .blog-content {
            padding: 30px 20px 20px 30px;
        }
        nav.navbar .navbar-brand img.logo {
            width: 90px;
        }
        .navbar-brand {
            padding: 15px 15px;
        }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
            background: #ffffff;
        }
        .into-text h1 {
            line-height: 1.5em;
            font-size: 32px;
            margin: 0;
        }
        .header-color h2,
        .header h2 {
            font-size: 32px;
            margin: 0;
            padding-bottom: 15px;
        }
        .single-blog .blog-content .blog-meta .blog-author .blog-name p {
            font-size: 14px;
        }
        .single-blog .blog-content .blog-meta .blog-date p {
            font-size: 14px;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 32px;
            line-height: 1.5;
        }
        .header-btn-group {
            margin-top: 20px;
        }
        .slide .slide__content--headings h3 {
            font-size: 24px;
            padding: 0;
        }
        .slide .slide__content {
            top: 52.5%;
        }
        .about-text>.header-btn-group {
            margin-left: 0px;
        }
        input.search-page {
            width: 60%;
            position: relative;
        }
        .header-btn-group {
            text-align: center;
            width: 100%;
        }
        .header-btn-group .boxed-btn {
            padding: 10px 20px;
            line-height: 1.5em;
            font-size: 13px;
        }
        .boxed-btn {
            padding: 10px 20px;
            line-height: 1.5em;
        }
        .price-main {
            margin-top: 50px;
        }
        .single-pricing-plan {
            padding: 35px 35px 35px 35px;
            width: 80%;
            margin: 20px auto;
        }
        .testimonials-wrapper {
            margin-top: 0px;
            padding-top: 60px;
            padding-bottom: 60px;
        }
        .testimonials-wrapper p {
            margin: 8px 0 20px;
        }
        .testimonials-slick {
            margin-top: 0px;
        }
        .testimonials-wrapper .item img {
            margin: 16px auto 30px;
        }
        .testimonials-wrapper h4 {
            padding-bottom: 10px;
        }
        #project {
            background: #f1f1f1;
        }
        .project-slick>.slick-dots>li {
            margin: 30px 5px 0;
        }
        .team-text {
            text-align: center;
            width: 90%;
        }
        .news-item.right {
            margin-bottom: 40px;
        }
        .newsletter-text {
            width: 90%;
            margin: 0 auto;
        }
        .slick-dots li {
            margin: 50px 5px 0;
        }
        .single-pricing-plan.active {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
        .blog-pagination {
            height: unset;
        }
        .btn-square {
            padding: 8px 10px;
            line-height: 1.5em;
        }
        .boxed-btn.blank {
            padding: 8px 20px;
        }
        .about-text h3 {
            padding-bottom: 15px;
            margin: 0;
            font-size: 24px;
        }
        .about-testimonial>.container>.row>.testimonials-slick {
            width: 90%;
            margin: 0 auto;
        }
        .about-text h4 {
            font-size: 16px;
        }
        .newsletter-text h3 {
            font-size: 24px;
            line-height: 1.5;
            padding: 0;
            margin-top: 0;
            margin-bottom: 20px;
        }
        .about-image img {
            margin-top: 35px;
        }
        .about-test p {
            margin: 30px 0 30px 0;
        }
        .about-test .item i {
            font-size: 32px;
            display: flex;
            justify-content: center;
        }
        .service-card {
            margin: 0 auto 15px auto;
            width: 70%;
        }
        .service-content h4 span {
            font-size: 22px;
        }
        .blog-pagination>ul>li>a {
            margin-bottom: 10px;
        }
        .sidebar-search form {
            margin: 0px 0 0;
        }
        .sidebar-search form::after {
            bottom: 15px;
        }
        .breadcrumb-menu h3 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .breadcrumb-menu {
            top: 62%;
        }
        .team-slider-img {
            height: unset;
            display: unset;
            align-items: unset;
            justify-content: unset;
        }
        .team-section {
            border-bottom: unset;
        }
        .slidprev {
            display: none !important;
        }
        .slidNext {
            display: none !important;
        }
        .team ul {
            width: 93%;
        }
        .details-item img,
        .team img {
            width: 40%;
            margin: 0 auto;
        }
        .testimonials-wrapper .item i {
            font-size: 24px;
        }
        .bimg img {
            width: 100%;
        }
        .slick-slide img {
            margin: 0 auto;
        }
        .blog-grid {
            margin-bottom: 20px;
        }
        .blog-show p {
            padding-top: 15px;
        }
        .main-footer {
            padding-top: 40px;
        }
        .bottom-text p {
            text-align: center;
            margin-bottom: 20px;
            font-size: 12px;
        }
        .bottom-social ul {
            text-align: center;
            padding-left: 0;
        }
        .newsletter .all-btn {
            font-size: 16px;
        }
        .footer-inner h3 {
            margin: 0;
        }
        .join-details p {
            text-align: center;
            margin-bottom: 15px;
        }
        .join-details h1 {
            text-align: center;
            font-size: 24px;
        }
        .subscribe input[type="submit"] {
            letter-spacing: 0px;
            font-size: 14px;
        }
        .error-text h2 {
            font-size: 100px;
            margin: 20px 0 60px 0;
            padding: 0;
        }
        .about-image img {
            padding-bottom: 0;
        }
        .blog-show select {
            margin-bottom: 15px;
        }
        .count-in {
            margin-bottom: 20px;
        }
        .about-card {
            width: 70%;
            margin: 0 auto 20px;
        }
        .video-card {
            width: 60%;
            margin: 0 auto 20px;
        }
        .joinus-inner h2 {
            font-size: 24px;
        }
        .about-vedio img {
            margin-top: 20px;
        }
        .youtube-video a img {
            top: 43%;
        }
        .youtube-video a.bla-2 img {
            top: 51%;
        }
        .video-sec {
            height: 280px;
            object-fit: cover;
        }
        .header-about h2 {
            font-size: 24px;
            margin-bottom: 0;
        }
        .subscribe {
            width: 100%;
        }
        .main-newsletter h2 {
            margin-bottom: 20px;
            font-size: 22px;
            margin-top: 0;
        }
        .service-inner-text {
            margin: 20px 0;
        }
        .service-inner-img img {
            margin: 0 auto;
        }
        .attr-nav>ul>li>a {
            padding: 16px 15px;
        }
        .service-two-text {
            margin-bottom: 20px;
        }
        .service-two-text {
            margin-bottom: 20px;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .about-content p {
            padding: 0;
            margin-top: 20px;
            margin-bottom: 0;
        }
        .error-text h4 {
            padding-top: 0;
        }
        .about-vedio {
            margin-top: 40px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .common {
            padding-bottom: 40px;
        }
        .p-b-0 {
            padding-bottom: 20px !important;
        }
        .into-text {
            width: 60%;
            top: 53%;
        }
        section {
            padding: 80px 0 60px 0;
            position: relative;
        }
        .banner {
            height: 88vh;
        }
        nav.navbar.bootsnav.navbar-fixed {
            border-bottom: 1px solid #1e73be;
        }
        nav.navbar .navbar-brand img.logo {
            width: 100px;
        }
        .navbar-brand {
            padding: 15px 15px;
        }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
            background: #ffffff;
        }
        .into-text h1 {
            line-height: 1.5em;
            font-size: 32px;
            margin: 0;
        }
        .header-btn-group .boxed-btn {
            font-size: 14px;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 48px;
            line-height: 1.5;
            padding-bottom: 0;
        }
        .slide .slide__content--headings h3 {
            font-size: 32px;
            padding: 0;
        }
        .slide .slide__content {
            top: 52%;
        }
        .news-item.right {
            margin-bottom: 40px;
        }
        .blog-comment ul li a {
            font-size: 14px;
        }
        .boxed-btn {
            padding: 10px 20px;
            line-height: 1.5em;
        }
        .joinus-inner h2 {
            line-height: 1.5;
        }
        .boxed-btn.blank {
            padding: 10px 20px;
        }
        .about-text h3 {
            padding-bottom: 15px;
            font-size: 24px;
            margin: 0;
        }
        .about-image img {
            margin-top: 20px;
        }
        .about-test .item i {
            font-size: 32px;
        }
        .service-content h4 span {
            font-size: 20px
        }
        .team-text {
            text-align: center;
            width: 90%;
        }
        .video-sec {
            height: 300px;
        }
        .video-card {
            width: 65%;
            margin: 0 auto 20px;
        }
        .slidprev {
            bottom: -6%;
        }
        .slidNext {
            bottom: -6%;
        }
        .team ul {
            width: 85%;
        }
        .price-main {
            margin-top: 40px;
        }
        .single-pricing-plan.active {
            transform: scale(1);
        }
        .single-pricing-plan {
            padding: 35px 35px 35px 35px;
            width: 70%;
            margin: 0 auto 60px auto;
        }
        .sidebar-search form input {
            width: 64%;
        }
        .sidebar-search form::after {
            right: 150px;
        }
        .bimg img {
            width: 100%;
        }
        .side-tab ul li a {
            padding: 0 7px 0 0;
        }
        .blog-show select {
            margin-bottom: 15px;
        }
        .testimonials-wrapper .item i {
            font-size: 26px;
        }
        .testimonials-wrapper {
            padding-bottom: 60px;
            padding-top: 60px;
            margin-top: 0;
        }
        .count-in {
            margin-bottom: 20px;
        }
        .about-card {
            width: 80%;
            margin: 0 auto 20px;
        }
        .about-text {
            margin-bottom: 20px;
        }
        .about-vedio img {
            margin-top: 30px;
        }
        .youtube-video a img {
            top: 40%;
        }
        .youtube-video a.bla-2 img {
            top: 51%;
        }
        .header-about h2 {
            font-size: 32px;
        }
        .main-footer {
            padding-top: 40px;
        }
        .footer-logo a img {
            padding: 5px 0 5px;
        }
        .tab-content .media-body {
            width: 205px;
            padding-left: 6px;
        }
        .subscribe {
            width: 100%;
        }
        .main-newsletter h2 {
            margin-bottom: 20px;
            font-size: 30px;
            margin-top: 0;
        }
        .breadcrumb-menu {
            top: 62%;
        }
        .attr-nav>ul>li>a {
            padding: 18px 15px;
        }
        .blog-comment ul li a {
            font-size: 14px;
        }
        .blog-content {
            padding: 24px 24px 20px 28px;
        }
        .single-blog .blog-content .blog-meta .blog-date p {
            font-size: 14px;
        }
        .single-blog .blog-content .blog-meta .blog-author .blog-name p {
            font-size: 14px;
        }
        .service-two-text {
            margin-bottom: 20px;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .join-details h1 {
            font-size: 24px;
        }
    }
    /* Large devices (desktops, 992px and up) */
    
    @media (min-width: 992px) and (max-width: 1024px) {
        img.logo.logo-display {
            display: none;
        }
        .navbar-right {
            margin-top: 15px;
        }
        nav.navbar.bootsnav.navbar-fixed {
            border-bottom: 1px solid #1e73be;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 62px;
            line-height: 1.5;
            padding-bottom: 0;
        }
        .slide .slide__content--headings h3 {
            font-size: 42px;
            padding: 0;
        }
        .blog-comment ul {
            padding: 5px 0 10px 0;
        }
        .slide .slide__content {
            top: 53%;
        }
        .bimg img {
            width: 100%;
        }
        .single-blog .blog-content .blog-title,
        .single-blog .blog-content .blog-title a {
            font-size: 22px;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .common {
            padding-bottom: 40px;
        }
        .about-image {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 487px;
        }
        section {
            padding: 80px 0 60px 0;
            position: relative;
        }
        .slide .slide__content {
            top: 53%;
        }
        .blog-comment ul li a {
            font-size: 14px;
        }
        .single-blog .blog-content .blog-meta .blog-author .blog-name p {
            font-size: 14px;
        }
        .single-blog .blog-content .blog-meta .blog-date p {
            font-size: 14px;
        }
        .blog-comment ul li a span {
            margin-left: 0px;
        }
        .into-text {
            width: 60%;
        }
        nav.navbar .navbar-brand img.logo {
            width: 100px;
        }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
            background: #ffffff;
        }
        .into-text h1 {
            line-height: 1.5em;
            font-size: 42px;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 62px;
            line-height: 1.5;
            padding-bottom: 0;
        }
        .slide .slide__content--headings h3 {
            font-size: 42px;
            padding: 0;
        }
        .boxed-btn {
            padding: 14px 25px;
            line-height: 1.5em;
        }
        .boxed-btn.blank {
            padding: 12px 30px;
        }
        .about-text h3 {
            padding-bottom: 15px;
            font-size: 24px;
        }
        .about-text ul li {
            padding-bottom: 10px;
        }
        .about-image img {
            margin-top: 15px;
        }
        .service-content h4 span {
            font-size: 20px
        }
        .project-text {
            padding: 30px 10px 18px 20px;
        }
        .project-text h2 {
            font-size: 22px;
            padding: 0px 0 20px 0;
        }
        .project-slick {
            height: 404px;
        }
        .project-text p {
            padding-bottom: 15px;
        }
        .slidprev {
            bottom: -5%;
        }
        .slidNext {
            bottom: -5%;
        }
        .join-details h1 {
            font-size: 28px;
        }
        .sidebar-search form input {
            width: 84%;
        }
        .sidebar-search form::after {
            right: 75px;
        }
        .video-card-content h4 {
            font-size: 18px;
        }
        .news-item.right {
            margin-bottom: 40px;
        }
        .attr-nav {
            top: -10px!important;
        }
        .post-title {
            width: 62%;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1450px) {
        .slide .slide__content {
            top: 53%;
        }
        .news-item.right {
            margin-bottom: 40px;
        }
        .slide .slide__img img {
            height: 100vh;
        }
        .slide .slide__content--headings h2 {
            font-size: 62px;
            line-height: 1.5;
            padding-bottom: 0;
        }
        .slide .slide__content--headings h3 {
            font-size: 42px;
            padding: 0;
        }
        .into-text {
            width: 65%;
        }
    }
    
    @media (min-width: 1451px) and (max-width: 1600px) {
        .slide .slide__content--headings h2 {
            line-height: 1.5;
        }
        .slide .slide__content {
            top: 53%;
        }
        .slide-text h1 {
            font-size: 36px;
        }
        .slide-text.slide_style_left {
            left: 8vw;
            top: 23.5vw;
        }
        .slide-text {
            top: 14vw;
            width: 100%;
            right: unset;
            text-align: center;
            margin: 0 auto;
            padding: 0;
            text-align: left;
        }
        .slide-text.slide_style_center .into-text {
            left: 0vw;
            top: 12vw;
            width: 100%;
            transform: unset;
            right: unset;
            text-align: center;
            margin: 0 auto;
            padding: 0;
        }
        .slide-text.slide_style_right {
            left: -8vw;
            top: 23.5vw;
        }
        .news-item.right {
            margin-bottom: 20px;
        }
    }
    
    @media (min-width: 1601px) and (max-width: 1800px) {
        .slide .slide__content {
            top: 53%;
        }
        .slide .slide__content--headings h2 {
            line-height: 1.5;
        }
        .slide-text.slide_style_left {
            left: 8vw;
            top: 18.5vw;
        }
        .slide-text {
            top: 14vw;
            width: 100%;
            right: unset;
            text-align: center;
            margin: 0 auto;
            padding: 0;
            text-align: left;
        }
        .slide-text.slide_style_center .into-text {
            left: 22.5%;
            top: 7vw;
            width: 55%;
            transform: unset;
            right: unset;
            text-align: center;
            margin: 0 auto;
            padding: 0;
        }
        .slide-text.slide_style_right {
            left: -8vw;
            top: 18.5vw;
        }
        .news-item.right {
            margin-bottom: 20px;
        }
    }
    /* other responsive device (large desktops, 1200px and up) */
    
    @media (max-width: 992px) {
        nav.navbar.bootsnav .navbar-toggle {
            margin-top: 11px;
            font-size: 22px;
        }
    }
    
    @media screen and (min-width: 768px) {
        .carousel-caption {
            right: 0;
            left: 50%;
            padding-bottom: 30px;
            top: 0;
            transform: translate(-50%, 50%);
        }
    }