/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1024px) {
    .header-area .main-header {
        padding: 0 15px;
    }
    .header-area .navbar .navbar-nav .nav-link {
        padding: 5px 20px !important;
    }
    .padding-part {
        padding: 50px;
    }
    .testimonial_slider .slick-prev {
        left: 42% !important;
    }
    .testimonial_slider .slick-next {
        right: 42% !important;
    }
    .tab-mock1 {
        width: 330px;
    }
    .tab-mock2 {
        width: 300px;
        top: 0;
    }
    .navbar-nav {
        width: 90%;
    }
    .video-pnl {
        height: 348px;
    }
    .video-pnl .onclick-video::after {
        background-size: contain;
        width: 50px;
        height: 50px;
        top: 55%;
    }
     .btn-grp-sec #play_popup_video.ml-5{
        margin-left: 10px !important;
    }

.video-mdl.modal .modal-dialog{
    height: 100%;
}
.modal-content{
    height: 100%;
}
.video-mdl.modal .modal-body{
    height: 100%;
}
.embed-responsive{
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

.desk-view-nan {
    display: none;
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


.video-mdl.modal .modal-dialog{
    height: 100%;
}
.modal-content{
    height: 100%;
}
.video-mdl.modal .modal-body{
    height: 100%;
}
.embed-responsive{
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .btn-grp-sec #play_popup_video.ml-5{
        margin-left: 10px !important;
    }
    .video-pnl {
        height: 280px;
    }
    .mnuSlim {
        padding: 15px 0 !important;
    }
    .total-top100 {
        padding-top: 0;
    }
    .slider-area {
        padding: 50px 0;
    }
    .slider-area h2 {
        font-size: 34px;
    }
    .header-area .main-header {
        padding: 0 0;
    }
    .navbar-nav {
        width: 100%;
    }
    .navbar-toggler {
        background: #2a3349;
    }
    .navbar-toggler-icon {
        background: url(../img/burger.webp) no-repeat center;
        background-size: contain;
    }
    .header-area .navbar .navbar-nav .nav-link {
        padding: 5px 0 !important;
    }
    .sideways li a {
        padding: 15px;
    }
    .service-area2 .tab-content {
        padding: 0;
    }
    .sideways li a div h5 {
        font-size: 16px;
        line-height: normal;
    }
    .sideways li a div p {
        font-size: 12px;
        line-height: normal;
        display: none;
    }
    .sideways li a.active::before {
        display: none;
    }
    .tab-mock1 {
        width: 50%;
        position: relative;
        right: 0;
    }
    .service-area2 .tab-content h3 {
        font-size: 18px;
        line-height: normal;
    }
    .service-area2 .tab-content p {
        font-size: 12px;
        line-height: normal;
    }
    .tab-mock2 {
        width: 90%;
        position: relative;
    }
    .testimonial {
        padding: 50px 0;
    }
    .top-rated{
        padding: 50px 0;
    }
    .gray-box{
        padding: 50px 0;
    }
    .all-this{
        padding: 50px 0;
    }
    .footer{
        padding-top: 50px;
    }
    .pb-100{
        padding: 50px 0 !important;
    }
    .process{
        padding: 50px 0;
    }
    .family{
        padding: 50px 0;
    }
    .view-all{
            padding: 15px 15px;
    font-size: 12px;
    }
    .white-box{
        padding: 50px 0;
    }
    .bold-font-bg{
        font-size: 24px;
        line-height: 34px;
    }
    .services-area {
        padding-bottom: 20px;
    }
    .followUs ul li {
        margin: 0 5px;
    }
    .nav-pills li a {
        font-size: 13px;
        padding: 10px 10px;
    }
    .padding-part {
        padding: 30px 50px;
    }
    .center .slideId {
        margin: 40px 30px;
    }
    .testimonial_slider .slick-prev {
        left: 42% !important;
    }
    .testimonial_slider .slick-next {
        right: 42% !important;
    }
    .cote-p p {
        font-size: 18px;
        line-height: normal;
    }
    .content-item {
        padding: 15px 0;
    }
    .line-bg img {
        display: none;
    }
    .typescale h1 {
        font-size: 100px;
        line-height: 130px;
    }
    .tab-top {
        margin-top: -130px;
    }
    .tab-mock1 {
        display: none;
    }
    .tab-mock2 {
        display: none;
    }
    .flex-tab {
        display: flex;
        justify-content: space-between;
        max-width: 100% !important;
        flex: initial !important;
        margin: 0;
    }
    .flex-tab .maso-gallery:last-child {
        padding-left: 30px;
    }
    .mb-explore {
        margin-bottom: 30px;
    }
    .tab-view-nan {
        display: none;
    }
    .desk-view-nan {
        display: block;
    }
    .desk-view-nan .pl-2 img {
        margin-left: -5px;
        position: relative;
    }
    .bar-sticky {
        top: 69px;
    }
    .right-child.posFix {
        position: relative;
        top: initial !important;
    }
    .header-area .navbar .navbar-nav .nav-link {
        padding: 15px 0 !important;
        font-size: 18px;
        line-height: normal;
        border-bottom: 1px dashed #ccc;
        text-transform: capitalize;
    }
    .center .slideId {
        margin: 40px 15px !important;
    }
    .video-pnl .onclick-video::after {
        background-size: contain;
        width: 50px;
        height: 50px;
        top: 55%;
    }
     .form-section .custom-file .custom-file-label{
        font-size: 14px !important;
            padding-right: 80px !important;
            overflow: hidden;
    max-height: 56px;
    word-break: break-all;
    }
    .best-incase{
        padding: 50px 0;
    }
   .mob-toggle{
        display: inline-flex;
        align-items: center;
        justify-content: center;


    }
      .mob-toggle2{
        display: inline-flex;
        align-items: center;
        justify-content: center;


    }
      .mob-toggle3{
        display: inline-flex;
        align-items: center;
        justify-content: center;


    }
}

/* small mobile :320px. */
@media only screen and (max-width: 767px) {
    .mob-toggle{
         display: inline-flex;
        align-items: center;
        justify-content: center;
    }
       .mob-toggle2{
        display: inline-flex;
        align-items: center;
        justify-content: center;


    }
      .mob-toggle3{
        display: inline-flex;
        align-items: center;
        justify-content: center;


    }
.video-mdl.modal .modal-dialog{
    height: 100%;
}
.modal-content{
    height: 100%;
}
.video-mdl.modal .modal-body{
    height: 100%;
}
.embed-responsive{
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .footer-top h4{
        margin-bottom: 15px;
    }
    .form-section .custom-file .custom-file-label{
        font-size: 14px !important;
            padding-right: 15px !important;
            overflow: initial;
    max-height: 56px;
    word-break: break-all;
    }
    .form-section .custom-file .custom-file-label::after{
        right: -89px;
            width: 100px;
            border-radius: 6px;
    }
    .video-pnl {
        height: 200px;
    }
    .video-pnl .cover-videi-img {
        object-fit: cover;
    }
    .video-pnl .onclick-video::after {
        background-size: contain;
        width: 30px;
        height: 30px;
        top: 55%;
    }
    .best-incase .text-right {
        text-align: center !important;
        padding-top: 20px;
    }
    .click-function {
        font-size: 14px;
    }
    .img-width-100 {
        width: 100%;
    }
    .form-section .custom-file .custom-file-label::after {
        align-items: center;
        display: inline-flex;
    }
    .slider-area figure {
        margin-bottom: 30px;
    }
    .slider-area p {
        margin-bottom: 30px !important;
    }
    .ml-5.click-function {
        margin-left: 1.5rem !important;
    }
    .cc-item .owl-stage img {
        width: 100% !important;
    }
    .header-area .navbar .navbar-nav .nav-item .nav-link:hover::after {
        display: none !important;
    }
    .float {
        margin: 0 50px !important;
    }
    .header-area .navbar .navbar-nav .nav-link {
        text-transform: capitalize;
    }
    .num-box h5 {
        font-size: 18px;
    }
    .gray-box.case-stdy .col-lg-4 {
        margin-bottom: 2rem !important;
    }
    .header-area .main-header {
        padding: 0 15px;
    }
    .video-mdl.modal .modal-dialog .close {
        right: 15px;
        top: 15px;
    }
    .navbar-toggler {
        padding: 0;
    }
    .navbar-toggler-icon {
        background: url(../img/burger.webp) no-repeat center;
        background-size: contain;
    }
    .bdr-line-right {
        border: none !important;
    }
    .header-area .col-md-8.pl-5 {
        padding-left: 0 !important;
    }
    .header-area .col-md-4.pl-5 {
        padding-left: 0 !important;
    }
    .header-area .navbar .navbar-nav .nav-link {
        padding: 15px 0 !important;
        font-size: 18px;
        line-height: normal;
        border-bottom: 1px dashed #ccc;
    }

    .header-area .navbar .navbar-nav .dropdown-menu {
        padding: 15px 0 !important;
        overflow: auto;
        max-height: 350px;
    }
    .slider-area {
        padding: 20px 0 50px;
    }
    .total-top100 {
        padding-top: 20px;
    }
    .service-area2 {
        padding: 50px 0;
    }
    .tab-mock1 {
        display: none;
    }
    .tab-mock2 {
        display: none;
    }
    .case-studies {
        padding: 50px 0;
    }
    .testimonial {
        padding: 50px 0;
    }
    .testimonial .btn-grp-sec.mt-4 {
        margin-bottom: 40px;
    }
    .testimonial .mt-5 {
        margin-bottom: 30px;
    }
    .services-area {
        padding: 50px 0;
    }
    .services-area .nav-tabs .nav-item {
        font-size: 14px;
        padding: 20px 5px 10px 5px;
    }
    .process {
        padding: 50px 0;
    }
    .flex-box {
        display: inline-block;
        width: 100%;
    }
    .flex-box .thum-img {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .media-bx {
        width: 100%;
        padding-right: 0;
    }
    .next-absolute {
        position: relative;
        top: initial;
        bottom: initial;
    }
    .our-blog {
        padding: 50px 0;
    }
    .all-this {
        padding: 50px 0;
    }
    .footer {
        padding: 50px 0;
    }
    .footer-btm {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .followUs {
        width: 100%;
        justify-content: center;
    }
    .followUs ul li {
        margin: 0 5px;
    }
    .ftr-link {
        width: 100%;
        padding: 15px 0 0 0;
        text-align: center;
    }
    .ftr-link li {
        margin: 0 12px;
    }
    .best-incase {
        padding: 50px 0;
    }
    .white-box {
        padding: 50px 0;
    }
    .gray-box {
        padding: 50px 0;
    }
    .top-rated {
        padding: 50px 0;
    }
    .scaling-banner {
        padding: 50px 0;
    }
    .solution {
        padding: 50px 0;
    }
    .bold-font-bg br {
        display: none;
    }
    .molder-btm {
        margin-bottom: 50px;
    }
    .nav-pills {
        justify-content: center;
    }
    .impliment {
        display: inline-block;
        width: 100%;
    }
    .impliment .width-50 {
        width: 100%;
    }
    .padding-part {
        padding: 20px;
    }
    .cote-p p {
        font-size: 18px;
        line-height: normal;
    }
    .uppercase-text-small {
        padding-top: 25px;
    }
    .testimonial_slider .slick-prev {
        left: 32% !important;
    }
    .testimonial_slider .slick-next {
        right: 32% !important;
    }
    .typescale h1 {
        font-size: 60px;
        line-height: 80px;
    }
    .img-reletive {
        margin-top: -25px;
    }
    .family {
        padding: 50px 0;
    }
    .line-bg {
        display: none;
    }
    .process .nav {
        flex-wrap: wrap !important;
    }
    .img-frame img {
        height: 200px;
        object-fit: cover;
    }
    .row.row-reverce .btn-explore.display-inline {
        margin-bottom: 30px;
    }
    .top-rated figure img {
        width: 100%;
    }
    .bold-font-bg {
        font-size: 24px;
        line-height: normal;
        margin-top: 20px;
    }
    .btn-grp-sec.mb-5 {
        margin-bottom: 0 !important;
    }
    .taberTab {
        padding-top: 30px;
    }
    .best-incase p:last-child {
        margin-bottom: 0;
    }
    .top-rated .btn-grp-sec.mb-5 {
        margin-bottom: 30px !important;
    }
    .followUs span {
        margin-right: 15px;
    }
    .solution .text-right {
        text-align: left !important;
    }
    .extended {
        padding: 50px 0;
    }
    .extended a.btn-explore {
        margin-bottom: 30px;
        display: inline-block;
    }
    .tab-view-nan {
        display: none;
    }
    .desk-view-nan {
        display: block;
    }
    .desk-view-nan .pl-2 img {
        margin-left: -5px;
        position: relative;
        display: none;
    }
    .slider-area h2 {
        font-size: 30px;
        line-height: normal;
    }
    .bnr-top-minus {
        margin-top: -100px;
    }
    .header-area .navbar {
        padding: 15px 0 !important;
    }
    .bar-sticky {
        top: 69px;
    }
    .header-area .col-md-4 {
        padding-left: 0 !important;
    }
    .header-area .col-md-3 {
        padding-left: 0 !important;
    }
    .header-area .col-md-2 {
        padding-left: 0 !important;
    }
    .view-all {
        margin-bottom: 15px;
        display: inline-block;
    }
    .bar-sticky {
        padding: 10px 0 !important;
    }
    .nav-pills li a {
        padding: 8px 10px;
        font-size: 14px;
        line-height: normal;
    }
    .right-child.posFix {
        position: relative;
        top: initial !important;
    }
    .navbar-nav {
        width: 100%;
    }
    .header-area .navbar .navbar-nav .nav-link:hover::before{
        display: none !important;
    }
    .btn-explore2{
        left: 0;
    }
    .test-gif{
        display: none;
    }
    .flex-between{
        padding-bottom: 20px !important;
    }
    .grid-2-col {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
    }
}