@media only screen and (max-width:1366px) {
    .ulockd-overlayer-l2 {
        top: 71%
    }
}

@media only screen and (max-width:1199px) {

    .social-linked,
    .social-linked li {
        margin-bottom: 10px
    }

    .ulockd-main-logo2>img,
    .ulockd-service-box,
    .ulockd-srvc-column-two {
        margin-top: 0
    }

    nav.navbar.bootsnav.menu-style1 ul.nav>li>a {
        padding: 30px 8px
    }

    .ulockd-quote-btn a {
        padding: 10px 30px
    }

    nav.navbar.bootsnav .navbar-toggle {
        background-color: transparent;
        color: #fff
    }

    nav.navbar.bootsnav.menu-style2,
    nav.navbar.menu-style1 {
        background-color: transparent
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
        color: #fff
    }

    .ulockd-ohour-info.style2 {
        margin-bottom: 15px
    }

    .social-linked::before,
    .ulockd-frst-divider::after,
    .welcm-ht::before {
        display: none
    }

    .welcm-ht {
        text-align: center !important
    }

    .social-linked {
        float: none !important;
        text-align: center
    }

    .cd-slider-nav {
        width: 100%
    }

    .ulockd-main-slider2 .caption {
        padding: 8%
    }

    .ulockd-welcome-one {
        margin-top: 50px
    }

    .ulockd-divider1:before {
        width: 70%
    }

    .posted-date {
        bottom: 0;
        left: inherit;
        right: 5% !important;
        width: 40%
    }

    .bp-details {
        padding: 15px 40px
    }

    .ulockd-blog-slider .owl-stage-outer {
        padding-bottom: 0
    }

    .about-box {
        padding: 50px;
        margin-bottom: 40px
    }

    .ulockd-pad395 {
        padding-left: 15px;
        padding-right: 15px
    }

    .masonry-gallery.grid-four-item .isotope-item {
        width: 33.33%
    }

    .ulockd-srvc-column .ulockd-srv-icon {
        float: none !important;
        display: inline
    }

    .ulockd-srvc-details {
        padding-left: 0;
        margin-top: 25px
    }

    .ulockd-srvc-details.style-right {
        padding-left: 0;
        padding-right: 0
    }

    .ulockd-tm-details {
        padding: 15px 18px
    }

    .ulockd-overlayer {
        top: 55%
    }

    .ulockd-overlayer-l2 {
        top: 60%
    }

    .ulockd-pricing-table {
        margin-bottom: 80px
    }

    .ulockd-pricing-table:hover {
        transform: scale(1.05)
    }

    .ulockd-padd-md-30 {
        padding-right: 0
    }

    .ulockd-quote-btn {
        right: 11%
    }

    .ulockd-shop-item {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:991px) {
    .ulockd-divider1:before {
        -webkit-transform: skewX(0);
        -moz-transform: skewX(0);
        -o-transform: skewX(0);
        left: 0;
        width: 100%;
        transform: skewX(0)
    }

    .posted-date {
        width: 30%
    }

    .ulockd-srvcs-column {
        margin-bottom: 50px !important
    }

    .ulockd-about2-details,
    .ulockd-service-box {
        margin-bottom: 40px
    }

    .ulockd-ffact {
        margin-bottom: 60px
    }

    .ulockd-testi-grid {
        margin-bottom: 100px
    }

    .ulockd-tm-details {
        bottom: -21%
    }

    .ulockd-partner-thumb {
        margin-bottom: 30px
    }

    .welcm-ht {
        margin-bottom: 15px
    }

    .welcm-ht-two {
        text-align: center
    }

    .ulockd-login-form {
        margin-bottom: 25px
    }

    .social-linked-two {
        float: none !important;
        margin-bottom: 10px;
        text-align: center
    }

    .ulockd-about-box1,
    .ulockd-ffact-two,
    .ulockd-team-two-member {
        margin-bottom: 50px
    }

    .ulockd-main-logo2>img,
    .ulockd-main-logo>img {
        margin-top: 15px
    }

    .ulockd-main-slider2 .caption {
        padding: 8%
    }

    .ulockd-main-slider2 .ulockd-slider-text2 {
        font-size: 36px;
        line-height: 48px
    }

    .ulockd-main-slider2 .ulockd-slider-text3 {
        margin-top: 10px
    }

    .navbar-brand .logo {
        height: 37px;
        margin-top: 0
    }

    nav.navbar.bootsnav .navbar-header.ulockd-ltwo .navbar-toggle,
    nav.navbar.bootsnav.menu-style1 .navbar-toggle {
        background-color: transparent;
        color: #fff
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
        color: #fff;
        font-family: Montserrat, sans-serif
    }

    .navbar.bootsnav .nav.navbar-nav .dropdown li {
        padding: 10px 15px
    }

    .navbar.bootsnav .nav.navbar-nav .dropdown li:hover a {
        color: #fff;
        padding-left: 15px
    }

    .ulockd-contact-info .ulockd-info {
        padding-right: 36%
    }

    .masonry-gallery.grid-four-item .isotope-item {
        width: 50%
    }

    .ulockd-flip-clock .clock {
        padding-left: 0
    }

    .gallery-thumb.style2 .overlayer .ulockd-overlayer,
    .ulockd-overlayer {
        top: 45%
    }

    .ulockd-ffact-two {
        border-bottom: transparent
    }

    .ulockd-pricing-table:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1)
    }

    .ulockd-partner.one::before {
        background-color: transparent
    }

    .tob img {
        display: none
    }

    .mb50 {
        margin: 0
    }

    .ulockd-recent-project1 .overlay {
        padding-top: 8%
    }

    .ulockd-booking-form {
        padding: 30px
    }

    .ulockd-shopping-cart table.table td .form-control {
        margin-bottom: 10px;
        width: auto
    }

    .ulockd-gallery-slider.owl-carousel.owl-theme button.owl-next,
    .ulockd-gallery-slider.owl-carousel.owl-theme button.owl-prev {
        top: -25px
    }
}

@media only screen and (max-width:767px) {
    .side-bar-products{display: none;}
    .website-link span{border: none;}
    .ulockd-footer-font-icon{text-align: center;}
    .custom-preojects-advantage-single{
        padding: 15px;
        margin-bottom: 15px;
    }
    .bg-3{
        background-image: none;
    }
    .ulockd-footer-qlink ul{
        padding-left: 10px !important;
    }
    .scrollToTop{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        bottom: 10px
    }
    .ulockd-l2-copy-right{
        padding-bottom: 60px;
    }
    .carousel-text h3 {
        font-size: 30px
    }

    .carousel-text h3 span {
        font-size: 40px
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 10%
    }

    .cd-slider-nav,
    .masonry-gallery.grid-four-item .isotope-item,
    .ulockd-footer::before {
        width: 100%
    }

    .navbar.bootsnav .dropdown li {
        padding: 10px 15px
    }

    .navbar.bootsnav .dropdown li:hover>a {
        padding-left: 15px
    }

    .navbar.bootsnav .dropdown li>a {
        color: #fff;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ulockd-contact-info,
    .ulockd-ohour-info {
        text-align: center !important
    }

    .ulockd-contact-info .ulockd-info {
        padding: 0
    }

    .ulockd-contact-info .ulockd-icon {
        display: table;
        float: none;
        margin: 0 auto
    }

    .ulockd-ohour-info .ulockd-icon {
        display: table;
        float: none !important;
        margin: 0 auto
    }

    .ulockd-ohour-info.style2 {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .ulockd-welcm-hmddl {
        margin-bottom: 30px;
        margin-top: 20px;
        text-align: center
    }

    .ulockd-main-slider2 .ulockd-slider-text1 {
        font-size: 30px;
        line-height: 30px
    }

    .ulockd-main-slider2 .ulockd-slider-text2 {
        font-size: 32px;
        line-height: 32px
    }

    .ulockd-main-slider2 button.owl-next,
    .ulockd-main-slider2 button.owl-prev {
        display: none !important
    }

    .ulockd-main-slider2 .ulockd-slider-text3 p {
        font-size: 14px;
        line-height: 16px;
        margin-top: 0
    }

    .ulockd-srvc-column,
    .ulockd-srvc-column.text-end {
        text-align: center
    }

    .ulockd-fservice-box {
        margin-bottom: 55px
    }

    .ulockd-tm-details {
        bottom: 0;
        padding: 20px;
        width: 100%
    }

    .ulockd-tm-details::before {
        display: none
    }

    .ulockd-ap-srvc-column .ulockd-ap-srv-icon {
        left: 25px
    }

    .ulockd-ap-srv-cntnt-details {
        padding-left: 100px
    }

    .ulockd-error {
        font-size: 48px
    }

    .ulockd-csoon {
        font-size: 36px
    }

    .gallery-thumb.style2 .overlayer .ulockd-overlayer {
        top: 40%
    }

    .ulockd-ffact-two {
        margin-bottom: 30px
    }

    .ulockd-ffact-two::after,
    .ulockd-ffact-two::before {
        background-color: transparent
    }

    .home-form {
        padding: 60px 0
    }
}

@media only screen and (max-width:630px) {
    .ulockd-home-btn {
        display: none
    }

    .ulockd-main-slider2 .caption {
        padding: 10% 6%
    }

    .gallery-thumb.style2 .overlayer .ulockd-overlayer {
        top: 43%
    }

    .ulockd-booking-form {
        padding: 50px 20px
    }

    .team-details {
        padding: 10px 10px 15px
    }

    .team-icon a {
        display: flex
    }
}

@media only screen and (max-width:520px) {
    .col-xxs-12 {
        width: 100% !important
    }

    .flip-container {
        margin-bottom: 50px
    }

    .team-icon a {
        display: inline
    }

    .banner-style-one .banner-title {
        font-size: 60px
    }
}

@media only screen and (max-width:479px) {
    .ulockd-home-btn {
        display: none
    }

    .ulockd-main-slider2 .ulockd-slider-text3 {
        margin-top: 0
    }

    .ulockd-main-slider2 .ulockd-slider-text2 {
        font-size: 23px;
        line-height: 30px
    }

    .gallery-thumb.style2 .overlayer .ulockd-overlayer {
        top: 45%
    }

    .posted-date {
        width: 40%
    }

    .ulockd-recent-project1 .overlay {
        padding-top: 20%
    }
}

@media only screen and (max-width:400px) {
    .ulockd-main-slider2 .caption {
        padding: 13% 5%
    }

    .ulockd-main-slider2 .ulockd-slider-text1 {
        font-size: 24px
    }

    .ulockd-main-slider2 .ulockd-slider-text2 {
        font-size: 20px
    }

    .ulockd-main-slider2 .ulockd-slider-text3 p {
        display: none
    }

    .gallery-thumb.style2 .overlayer .ulockd-overlayer {
        top: 50%
    }

    .posted-date {
        width: 50%
    }
}

@media only screen and (max-width:360px) {
    .ulockd-dvidr-btn-l2 a {
        margin-top: 30px
    }

    .hidden-xxs {
        display: none
    }

    .cd-hero-slider .cd-half-width {
        padding-top: 50px
    }

    .cd-hero-slider h2 {
        font-size: 20px
    }
}

@media only screen and (max-width:320px) {
    .ulockd-overlayer-l2 {
        top: 76%
    }

    .flip-container .flipper .back {
        padding: 45px 13px
    }
}