@media (min-width: 1920px) {}


/* Normal desktop :1170px. */

@media (min-width: 1170px) and (max-width: 1349px) {}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {
    .bg-4 {
        background: url(img/bg4-m.jpg) no-repeat;
        width: 100%;
        background-position: right;
        background-size: cover;
    }
    .bg-5 {
        background: url(img/bg5-m.jpg) no-repeat left top;
        width: 100%;
        /* background-position: left; */
        background-size: 100% 100%;
    }
    .bg-2 .card .p {
        font-size: 13px;
    }
    .rowcard2 {
        top: 86%;
    }
    .header-area.stick .main-menu ul.navbar-nav li a {
        padding: 28px 0px;
    }
    .well-services {
        padding: 30px 15px;
    }
    .number {
        font-size: 150px;
    }
    .single-service {
        padding: 20px 12px 5px;
    }
    .single-service h4 {
        font-size: 19px;
    }
    .fun-content {
        padding: 60px 20px;
    }
    .project-headline h3 {
        font-size: 25px;
    }
    .single-awesome-project:hover .add-actions {
        top: 10%;
    }
    .quote-contact {
        padding: 0px 30px;
    }
    .single-contact {
        padding-right: 10px;
    }
    .single-contact span {
        font-size: 15px;
    }
    .blog-content {
        padding: 30px 10px;
    }
    .blog-content a h4 {
        font-size: 17px;
    }
    .blog-content p {
        font-size: 14px;
    }
    span.share-link {
        margin-left: 20%;
    }
    .intro-2 .layer-1 h1 {
        max-width: 880px;
    }
    .about-content h3 {
        font-size: 24px;
    }
    span.about-icon {
        float: none;
        display: block;
    }
    .bnner .banner-text {
        padding-left: 29.5%;
        text-align: center;
        padding-right: 4%;
        font-size: 34px;
    }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .bg-4 {
        background: url(img/bg4-m.jpg) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .bg-5 {
        background: url(img/bg5-m.jpg) no-repeat;
        background-position: left;
        background-size: 100% 100%;
    }
    .bor1 img {
        width: 100%;
        padding: 5px 0;
    }
    .mt10 {
        padding: 5px;
    }
    .welcome font {
        font-size: 28px;
    }
    .bg-1 {
        background-size: cover;
    }
    .bg-2 .card .p {
        font-size: 13.1px;
    }
    .rowcard {
        right: -30%;
    }
    .rowcard1 {
        right: -30%;
    }
    .rowcard2 {
        right: -30%;
        top: 86%;
    }
    .header-area .main-menu ul.navbar-nav>li>a {
        font-size: 12px;
        margin: 0px 11px;
        padding: 30px 0px;
    }
    .header-area.stick .header-right-link a.main-search {
        padding: 17px 0px 18px 5px;
    }
    .header-area-2 .header-right-link .slice-btn {
        padding: 20px 0px;
    }
    .header-area-2.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }
    .header-area .header-right-link .slice-btn {
        padding: 28px 0px;
    }
    .header-area.stick .header-right-link .slice-btn {
        padding: 24px 0px;
    }
    .header-area.stick .main-menu ul.navbar-nav>li>a {
        font-size: 12px;
        margin: 0px 11px;
        padding: 27px 0px;
    }
    .header-area.stick .logo a {
        padding: 11px 0;
    }
    .logo a {
        padding: 13px 0;
    }
    .header-right-link a.main-search {
        padding: 20px 0px 20px 5px;
    }
    .layer-1 h1 {
        font-size: 34px;
        line-height: 44px;
        margin: 10px 0px;
        max-width: 630px;
    }
    .layer-2 p {
        max-width: 550px;
        font-size: 18px;
        line-height: 26px;
    }
    .slider-content {
        margin-top: -135px;
    }
    .about-content p {
        display: none;
    }
    .about-content h3 {
        line-height: 28px;
        font-size: 20px;
        margin-bottom: 0px;
    }
    .left-head h4 {
        font-size: 20px;
    }
    .single-service {
        padding: 20px 15px 5px;
    }
    .fun-content {
        padding: 60px 10px;
    }
    .quote-contact {
        padding: 0px 30px;
    }
    .project-headline h3 {
        font-size: 20px;
        line-height: 28px;
        padding-right: 15px;
    }
    .project-headline p {
        padding-left: 15px;
    }
    .project-single {
        width: 50%;
    }
    .testi-img img {
        max-width: 80px;
    }
    .brand-items {
        padding: 0px 10px;
    }
    .banner-content h3 {
        font-size: 24px;
        padding: 0px 20px;
    }
    .blog-content a h4 {
        font-size: 16px;
    }
    .footer-services-link ul.footer-list {
        width: 100%;
        float: none;
    }
    .footer-icons ul li a {
        margin-right: 0px;
    }
    .header-area.header-area-2 .main-menu ul.navbar-nav>li>a {
        padding: 22px 0px;
    }
    .header-area.header-area-2 .logo a {
        padding: 8px 0;
    }
    .header-area.header-area-2 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }
    .intro-2 .layer-1 h1 {
        max-width: 580px;
    }
    .intro-2 .layer-2 p {
        max-width: 560px;
    }
    .intro-2 .slider-content {
        margin-top: -80px;
    }
    .about-2 .about-content {
        padding: 80px 30px 80px 30px;
    }
    span.about-icon {
        float: none;
        margin-right: 0px;
        display: block;
        margin-bottom: 10px;
    }
    .blog-right-column .blog-image {
        display: none;
    }
    .blog-right-column .blog-content {
        width: 100%;
    }
    .header-area.header-area-3 .main-menu ul.navbar-nav>li>a {
        padding: 20px 0px;
    }
    .header-area-3 .header-right-link .slice-btn,
    .header-area-3.stick .header-right-link .slice-btn {
        padding: 18px 0px;
    }
    .header-middle-area .header-info:first-child {
        display: none;
    }
    .header-middle-area .header-info {
        width: 50%;
        float: left;
    }
    .about-3 .about-content {
        padding: 0px;
    }
    .about-3 .about-content h3 {
        line-height: 30px;
        font-size: 22px;
    }
    span.sign {
        width: 110px;
    }
    .header-area.header-area-4 .main-menu ul.navbar-nav>li>a {
        padding: 22px 0px;
    }
    .header-area.header-area-4 .logo a {
        padding: 8px 0;
    }
    .header-area.header-area-4 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }
    .header-area-4 .header-right-link .slice-btn {
        padding: 20px 0px;
    }
    .header-area-4.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }
    .intro-4 .slider-content {
        margin-top: -85px;
    }
    .intro-4 .layer-1 h1 {
        max-width: 580px;
        margin-bottom: 10px;
    }
    .welcome-3 .well-services,
    .welcome-4 .well-services {
        padding: 40px 15px 25px;
    }
    .welcome-3 .number,
    .welcome-4 .number {
        left: 55%;
    }
    .welcome-3 .well-icon,
    .welcome-4 .well-icon {
        display: block;
        float: none;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .center-head h3 {
        max-width: 590px;
        font-size: 26px;
        line-height: 36px;
    }
    .project-3 .awesome-img img {
        width: 100%;
    }
    .project-3 .add-actions {
        left: 10%;
        top: 13%;
        width: 80%;
    }
    .intro-4 .layer-1 h1 {
        max-width: inherit;
    }
    .intro-5 .layer-1 h1 {
        line-height: 42px;
    }
    .intro-5 .layer-2 p {
        max-width: 600px;
    }
    .intro-5 .slider-content {
        margin-top: -120px;
    }
    .video-content {
        margin-top: -50px;
    }
    .team-content {
        min-height: 450px;
    }
    .header-area.header-area-6 .main-menu ul.navbar-nav>li>a {
        padding: 22px 0px;
    }
    .header-area.header-area-6 .logo a {
        padding: 8px 0;
    }
    .header-area.header-area-6 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }
    .intro-6 .layer-1 h1 {
        font-size: 32px;
        line-height: 38px;
    }
    .intro-6 .slider-content {
        margin-top: -70px;
    }
    .welcome-6 .well-services {
        padding: 50px 15px 30px;
    }
    .intro-2 .intro-content,
    .intro-2 .slider-images img,
    .intro-4 .intro-content,
    .intro-4 .slider-images img,
    .intro-6 .intro-content,
    .intro-6 .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 430px;
    }
    span.share-link {
        margin-left: 30%;
    }
    .topbar-left ul li:last-child {
        display: none;
    }
    .footer-5 .footer-about-top {
        padding: 60px 30px;
        margin-bottom: -179px;
    }
    .main-menu ul.nav li ul.sub-menu {
        left: -50px;
    }
    .header-area-3.stick .header-right-link a.main-search {
        padding: 10px 0px 10px 10px;
    }
    .header-area-3 .main-menu ul.nav li ul.sub-menu {
        left: 0px;
    }
    .project-headline p {
        font-size: 14px;
        margin-top: 0;
    }
    .feature-service h5 {
        font-size: 16px;
    }
    .faq-full {
        margin-top: 30px;
    }
    .fullwidth-service .faq-full {
        margin-top: 0px;
    }
    .add-actions {
        padding: 15px;
    }
    .project-page-4 .project-single {
        width: 33.33%;
        float: left;
    }
    .contact-head {
        margin-top: 30px;
    }
    .recent-post .post-img {
        display: none;
    }
    .recent-post .pst-content {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
    .blog-search-option input {
        width: 75%;
    }
    .blog-details .blog-content h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .comments-list-img {
        width: 60px;
        height: auto;
    }
    .header-area-6 .header-right-link .slice-btn,
    .header-area-6.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }
    .bnner .banner-text {
        padding-left: 28.5%;
        text-align: center;
        padding-right: 2%;
        font-size: 27px;
    }
}


/* small mobile :320px. */

@media (max-width: 767px) {
    .menu {
        display: none;
    }
    .menu-m {
        display: block;
    }
    .footer {
        padding: 5px;
    }
    .footer ul li a {
        font-size: 13px;
    }
    .bg-blr span {
        color: #cbe4f7;
        font-size: 31px;
    }
    .bg-blr h2 {
        padding: 0 25px;
        color: #fff;
        margin: 50px 0;
        font-size: 43px;
    }
    .ifame {
        width: 100%;
        height: 215px;
        margin-left: 0;
    }
    .bor1 img {
        width: 100%;
        padding: 5px 0;
    }
    .tophead {
        font-size: 13px;
        margin: 0;
    }
    .nav a {
        padding: 10px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    .bnner h5 {
        margin-left: 35%;
        margin-top: 12px;
        font-size: 10px;
    }
    .bnner {
        min-height: 120px;
        height: auto;
    }
    .h3 {
        font-size: 20px;
    }
    .flag {
        margin: 15px;
    }
    .flag p {
        padding: 14px 16px;
    }
    .flag img {
        padding: 10px 13px;
    }
    .bg-blr {
        background: url(img/background.jpg) no-repeat;
        width: 100%;
        background-size: cover;
        height: 500px;
    }
    .bg-1 {
        background: url(img/bg1.jpg) no-repeat;
        width: 100%;
    }
    .bg-1 h1 {
        font-size: 42px;
        color: #fff;
        line-height: 55px;
        padding: 71px 10px;
        font-weight: 700;
    }
    .bg-2 {
        background: url(img/bg2.jpg) no-repeat;
        width: 100%;
        background-size: cover;
    }
    .bg-4 {
        background-size: cover;
    }
    .bg-5 {
        background-size: cover;
    }
    .bg-2 .card {
        background: #fff;
        width: 100%;
        padding: 30px 25px;
        height: auto;
        margin: 40px 15px;
    }
    .rowcard {
        position: relative;
        left: auto;
        right: auto;
        margin-top: 15px;
    }
    .rowcard1 {
        position: relative;
        left: auto;
        right: auto;
    }
    .rowcard2 {
        position: relative;
        left: auto;
        right: auto;
    }
    .p80 {
        padding: 50px 5px;
    }
    .ico1 {
        border-right: none;
    }
    .bg-4 .card {
        background: #fff;
        width: 100%;
        padding: 25px;
        margin: 40px 15px;
        box-shadow: 0px 0px 50px #afafaf;
    }
    .bg-5 .card {
        margin: 15px;
        padding: 25px;
    }
    .soci {
        margin-top: 10px;
    }
    .p50 {
        margin: 25px 0;
    }
    .timeline-image::before {
        width: 15px;
        height: 15px;
    }
    .timeline::before {
        left: 3.3%;
    }
    .welcome font {
        font-size: 13px;
    }
    .mt10 {
        padding: 5px;
    }
    .mt10 p {
        margin-bottom: 5px;
    }
    .sap {
        width: 100%;
    }
    .nav a.active {
        color: #000;
        border-bottom: 3px solid #fff;
        text-decoration: none;
    }
    .bg-blr span {
        display: block;
    }
    .bnner .banner-text {
        font-size: 18px;
    }
}


/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .bnner {
        height: auto;
        min-height: 250px;
    }
    .container {
        width: 450px
    }
    .layer-1-2 h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .intro-area-4 .layer-1-2 h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .service-content h4 {
        font-size: 26px;
    }
    .breadcrumb .section-headline h3 {
        font-size: 34px;
    }
    .container-full .section-headline p {
        max-width: 360px;
    }
    .about-name .video-play.vid-zone {
        margin-top: 0px;
    }
    .single-client {
        float: left;
        width: 50%;
    }
    .blog-content a h4 {
        font-size: 20px;
    }
    .intro-content,
    .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 300px;
    }
    .intro-2 .slider-content {
        margin-top: -40px;
    }
    .breadcrumb-bg {
        max-width: 80%;
    }
    .blog-search-option input {
        width: 80%;
    }
}