@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    box-sizing: border-box;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #35c1e7;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #35c1e7;
}


section.case-studies {
    padding-bottom: 50px;
}

section.case-studies h2 {
    text-align: center;
    font-family: 'Raleway';
    font-size: 40px;
    font-weight: 500;
}

section.case-studies h2 span {
    font-weight: 700;
    color: #35c1e7;
}

.image {
    text-align: center;
}

.study_content img {
    width: 20%;
    border: 2px solid #35c1e7 !important;
    border-radius: 25px;
}

.study_content h3 {
    font-size: 36px;
    line-height: 1.1em !important;
    font-family: 'Raleway';
    font-weight: 700 !important;
    color: #35c1e7 !important;
    padding: 20px 0 20px;
}

.study_content h3 span {
    font-weight: 500 !important;
    color: #ffffff;
}

.study_content p {
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 30px;
}

.study_content a {
    padding: 25px 60px;
}

.case_btn_main a {
    background: linear-gradient(rgb(153, 214, 231) 0%, rgb(68, 108, 180) 51%, rgb(93, 135, 194) 100%);
    padding: 15px 30px;
    margin-right: 25px;
    color: #ffffff;
    font-family: 'Raleway';
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 35px;
    position: relative;
    transition: .8s;
    overflow: hidden;
    box-shadow: 0px 0px 7px -2px #a0a0a0;
}

.case_btn_main a:hover {
    color: #fff;
    text-decoration: none;
}

.case_btn_main a:after {
    content: "";
    background: #000;
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    right: -4px;
    opacity: 0.2;
    transform: skewX(-22deg);
    transition: all 0.5s ease;
}

.case_btn_main a:hover:after {
    transform: scale(1.1);
    color: #fff;
    width: 100%;
}

.case_btn_main a:hover {
    transform: scale(1.1);
}

.image img {
    width: 65%;
}



/* titan page started */
.titan_bnnr_sec {
    background-image: url(../images/treasureden.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0 100px;
    position: relative;
    z-index: 1;
    color: #fff;
}

.titan_bnnr_sec:before {
    content: "";
    background: #222429;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .8;
}

.titan_head_main h1 {
    font-family: 'Raleway';
    font-size: 60px;
    font-weight: 900;
}

.titan_head_main h5 {
    font-family: 'Raleway';
    font-size: 35px;
    font-weight: 700;
    padding: 10px 0 15px;
    line-height: 45px;
}

.titan_head_main span {
    color: #35c1e7;
}

.titan_head_main h5 span {
    font-weight: 900;
}

.titan_head_main p {
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 20px;
}

.titan_about_text li {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 400;
    padding-right: 30px;
    position: relative;
    list-style: none;
}

.titan_about_text li:before {
    position: absolute;
    right: -1px;
    top: 2px;
    width: 30px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    content: "-";
}

.titan_about_text a {
    color: #fff;
    transition: .8s;
}

.titan_about_text a:hover {
    text-decoration: none;
    color: #35c1e7;
}

.titan_about_text .active {
    color: #35c1e7;
}

.titan_about_text .active::before {
    display: none;
}

.titan_about_text ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}


.titan_head_main p span {
    font-weight: 800;
}

section.feature_sec {
    padding: 100px 0 100px;
}

.feature_head h3 {
    font-family: 'Raleway';
    font-size: 40px;
    font-weight: 700;
}

.feature_head h3 span {
    font-weight: 900;
    color: #86f9ff;
}

.feature_head p {
    font-family: 'Raleway';
    font-size: 15px;
    font-weight: 500;
    width: 95%;
    padding-top: 20px;
}

.feature_text h5 {
    font-family: 'Raleway';
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 15px;
}

.feature_text p {
    font-family: 'Raleway';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em !important;
    padding-bottom: 20px;
}

.feature_text p span {
    color: #86f9ff;
    font-weight: 900;
}

.feature_text a {
    padding: 20px 40px;
}

section.images_sec {
    padding: 50px 0 50px;
}

section.titan_about_sec {
    padding: 100px 0 50px;
}

section.titan_about_sec .feature_text {
    padding-bottom: 70px;
    padding-top: 20px;
}



section.hightlight_sec h2 {
    font-family: 'Raleway';
    font-size: 90px;
    text-align: end;
    font-weight: 800;
    line-height: 90px;
}

section.hightlight_sec h2 span {
    font-weight: 500;
    color: #35c1e7;
}

section.hightlight_sec .feature_text {
    width: 55%;
    padding-top: 50px;
    padding-bottom: 50px;
}

section.hightlight_sec .feature_text h5 {
    color: #35c1e7;
    font-size: 35px;
    line-height: 3rem;
}

.blue_box {
    background: #35c1e7;
    padding: 55px 150px 60px;
    height: 100%;
}

.blue_box h3 {
    filter: drop-shadow(0px 0px 2px white);
    color: #040404;
    font-family: 'Raleway';
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
}

.blue_box p {
    font-family: 'Raleway';
    margin-top: 30px;
    font-size: 28px !important;
    line-height: 1.2em !important;
    color: #101010;
    font-weight: 500 !important;
}

.blue_box p span {
    font-weight: 900;
}

.blue_box h3 span {
    font-size: 40px;
}


.black_box {
    background: #000;
    padding: 60px 150px 60px;
    height: 100%;
}

.black_box h3 {
    filter: drop-shadow(0px 0px 2px black);
    color: #fff;
    font-family: 'Raleway';
    font-size: 40px;
    font-weight: 700;
    line-height: 1em;
}

.black_box p {
    font-family: 'Raleway';
    margin-top: 30px;
    font-size: 28px !important;
    line-height: 1.2em !important;
    color: #fff;
    font-weight: 400 !important;
}

.black_box p span {
    font-weight: 900;
}

.black_box {
    margin-right: 5px;
}

.blue_box {
    margin-right: 5px;
}

/* toco-boss page started */

#toco_banr_sec {
    background-image: url(../images/taco.webp);
}

#toco_banr_sec:before {
    content: "";
    background: #222429;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .9;
}

#toco_images_sec {
    background-color: #35c1e7;
}

section#toco_fourth_sec .feature_text {
    padding-bottom: 20px;
}

section#toco_fourth_sec ul {
    margin-bottom: 60px;
}


#toco_banr_sec .titan_head_main p {
    font-weight: 500;
}

#toco_feature p span {
    font-weight: 900;
}

#toco_feature h5 span {
    font-weight: 900;
}

#toco_feature {
    padding: 100px 0 100px;
}

section#toco_fourth_sec .feature_text {
    padding-bottom: 8px;
}

section#toco_fourth_sec ul li {
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    padding-left: 25px;
    list-style: none;
}

section#toco_fourth_sec li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #86f9ef;
}


/* unique page started */
section.unique_sec .titan_head_main h1 {
    font-size: 50px;
}

section.unique_featur {
    padding: 100px 0;
}

section.unique_featur h5 {
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 900;
    text-align: center;
    color: #86f9ff;
    ;
    width: 80%;
    margin: auto;
}

section.unique_featur .para_uniq p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 500;
    width: 75%;
    margin: auto;
    padding-top: 17px;
}

section.unique_featur .para_uniq p span {
    color: #86f9ff;
    ;
    font-weight: 800;
}

section.unique_featur .feature_text {
    padding-bottom: 50px;
}

section#uniquefourth_sec {
    padding-top: 0px;
    padding-bottom: 100px;
    color: #fff;
}

section#uniquefourth_sec h3 {
    font-size: 70px;
    text-align: end;
    filter: drop-shadow(1px 1px 2px white);
}

section#uniquefourth_sec p {
    text-align: end;
    font-size: 20px;
    font-weight: 700;
}

section#uniquefourth_sec ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section#uniquefourth_sec ul img {
    width: 70%;
}

section#uniquefourth_sec li {
    width: 11%;
    text-align: end;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 18px;
    list-style: none;
}

section#uniquefourth_sec .feature_text {
    padding-bottom: 30px;
}

section#toco_fourth_sec {
    padding: 50px 0 50px;
}

.explore_sec {
    background-image: url(../images/explore.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0 100px;
}



section.explore_sec h2 {
    opacity: 0.5;
    font-size: 170px;
    filter: drop-shadow(-5px 1px 4px #000000);
    color: #fff;
    font-weight: 800;
    font-family: 'Raleway';
    text-align: center;
}


/* spokit page started */
#sporkit_banr_sec {
    background-image: url(../images/sporkit_bg.webp);
}

.second-explore {
    background-image: url(../images/this_is_sporkit_bg.webp);
}

.app-colors-inner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 50px;
}

.color-white {
    background: linear-gradient(311deg, #fff, #d1d1d1);
    filter: drop-shadow(0px 45px 30px #ffffff53);
}

.color-green {
    background: linear-gradient(127deg, #20f673, #2c871f);
    filter: drop-shadow(0px 45px 30px #229c3869);
}

.color-blue {
    background: linear-gradient(310deg, #50f, #03cbf3);
    filter: drop-shadow(0px 45px 30px #2e4bde73);
}

.app-colors {
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 150px;
    width: 165px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;

}

.app-colors p {
    margin: 0 !important;
    background: #fff;
    padding: 5px 25px;
    font-weight: 900 !important;
    width: 165px;
    text-align: center;
    font-family: 'Raleway';
}

section.color_sec {
    background: #000;
    color: #fff;
}

.color-white p {
    color: #000 !important;
}

.color-blue p {
    color: #50f !important;
}

.color-green p {
    color: #20f673 !important;
}

section.color_sec {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 100px 0;
}

section.color_sec h2 {
    color: #fff !important;
    opacity: 0.5;
    font-size: 78px;
    filter: drop-shadow(-5px 1px 4px white);
    font-family: 'Raleway';
    font-weight: 700;
}

section.color_sec p {
    line-height: 1.4em;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-family: 'Raleway';
}


/* daddy_page started */
#daddy_banr_sec {
    background-image: url(../images/jackledaddy.webp);
}

#daddy_banr_sec:before {
    opacity: .5;
}

.option_sec {
    padding: 50px 0;
}

.optn_head h2 {
    font-size: 28px;
    font-weight: 800;
    width: 100%;
}

.optn_head p {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    line-height: 20px;
}

.optn_head {
    padding-bottom: 40px;
}

.option_sec {
    padding: 100px 0;
}

.option_box_main {
    background: #d8d8d81a;
    padding: 33px 30px;
    height: 350px;
    border-radius: 15px;
    transition: .8s;
    position: relative;
    cursor: pointer;
}

.option_box_main h6 {
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 700;
    width: 85%;
    line-height: 22px;
    padding-top: 25px;
}

.option_box_main p {
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 35px;
}

.option_box_main i {
    transform: rotate(90deg);
    transition: .8s;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.option_box_main:hover {
    background: #343434b3;
    opacity: 1;
    box-shadow: 0px 2px 13px #a9a9a9;
}

.option_box_main:hover h6 {
    color: #fff;
}

.option_box_main:hover p {
    color: #fff;
}

.option_box_main:hover i {
    transform: rotate(0deg);
    color: #FFF;
}

section#uniquefourth_sec {
    padding-top: 50px;
    padding-bottom: 100px;
}

section#uniquefourth_sec h3 {
    font-size: 60px;
    text-align: end;
    filter: drop-shadow(1px 1px 2px white);
}

section#uniquefourth_sec .feature_text {
    padding-bottom: 30px;
}

.postnoi_sec:before {
    content: "";
    background-image: url(../images/prw-about-iphone.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 62px;
    left: 22%;
    height: 500px;
    width: 32%;
}

.postnoi_sec {
    position: relative;
    height: 100%;
}

section.layout_screen h2 {
    opacity: 0.5;
    font-size: 130px;
    filter: drop-shadow(-5px 1px 4px #000000);
    color: #000;
    font-family: 'Raleway';
    font-weight: 700;
    text-align: center;
}

section.layout_screen p {
    line-height: 1.4em;
    color: #000;
    font-weight: 700;
    font-size: 30px;
    font-family: 'Raleway';
    text-align: center;
}

section.layout_screen img {
    margin: 30px 20px;
    border-radius: 25px;
}

section.layout_screen {
    background: #ffffff70;
    padding: 100px 0;
}

.website-logo {
    width: 80% !important;
}

.resp_h2 {
    margin-top: 40px !important
}

.responsive_mobl_our {
    padding-bottom: 60px;
}

.TestiBlack {
    padding-top: 25px;
}

.res_main_h {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    ;
}

.blogs_respons_sec {
    padding: 35px 0;
}

.respon_video_sec {
    padding-bottom: 50px;
}

/* new packages */

.mega-pkg-bg .mega-pkg-head ul li button {
    letter-spacing: -.39px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.mega-pkg-head .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #c0f1ff !important;
    background-color: transparent;
}

.mega-pkg-bg .pkg-head-child .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: linear-gradient(rgb(153 214 231) 0%, rgb(68 108 180) 51%, rgb(93 135 194) 100%) !important;
    border: 1px solid transparent;
    font-weight: 700;
    color: #fff !important;
}

.mega-pkg-bg .pkg-head-child ul li button {
    letter-spacing: -.39px;
    color: #fff;
    font-size: 16px;
    border: 2px solid rgb(153 214 231);
    margin: 8px;
    text-transform: uppercase;
    width: 180px;
    font-weight: 600;
}

.pkg-head-child-tab-content {
    background-color: #d5dbe442;
    padding: 30px;
    margin: 40px 0 0;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.mega-pkg-bg .pkg-details h6 {
    color: #fff;
    font-size: 40px;
    border-bottom: 1px solid #c0f1ff;
    width: fit-content;
    letter-spacing: -.69px;
}

.mega-pkg-bg .pkg-details h6,
.ptf-head h2 {
    text-transform: uppercase;
    padding: 0 0 10px;
    font-weight: 700;
}

.pkg-details p {
    font-size: 50px;
    letter-spacing: -.69px;
    color: #c0f1ff;
    font-weight: 800;
}

.pkg-details p small,
.thank-you-model p,
p.first-para {
    font-size: 20px;
}

.pkg-details-inner ul {
    padding: 10px 10px 20px;
}

.pkg-details-inner .main-scroller {
    overflow-x: hidden;
    height: 500px;
    overflow-y: scroll;
    padding: 16px 16px 16px;
    margin-bottom: 30px;
    border-bottom: 2px solid #c0f1ff;
}

.pkg-details-inner ul li {
    list-style: disc;
    padding: 7px 0;
    font-size: 20px;
}

.pkg-head-child-tab-content {
    box-shadow: 0px 0px 12px #c0f1ff;
    border: 1px solid #c0f1ff;
}

a#modal_bnt2_76gh:hover {
    text-decoration: none;
}

a#modal_bnt2_76gh {
    color: #fff;
    background: linear-gradient(rgb(153, 214, 231) 0%, rgb(68, 108, 180) 51%, rgb(93, 135, 194) 100%);
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 10px;
}

.button-pulse {
    -webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
    animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0 0 0 2px #5f8e3e;
}

.pkg-head-child {
    padding-bottom: 50px;
}

@keyframes pulse {
    100% {
        box-shadow: 0 0 35px 5px #c0f1ffc4;
    }
}

canvas#canvas {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.logoslidersec {
    padding: 15px 0;
}

.logolist img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(1839%) hue-rotate(277deg) brightness(107%) contrast(97%);
}

.logolist {
    align-items: center;
}

.demo-mob {
    position: relative;
}

.demo-mob img {
    margin: 0 auto;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
}

.demo-mob img:nth-child(2) {
    top: 72px;
    z-index: 1;
}

iframe.iframe.iframe-browse {
    margin: 0 auto;
    display: flex;
    border-radius: 38px;
    top: 73px;
    position: relative;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    background-repeat: no-repeat;
    background-size: cover;
	background: url('../images/Comp1.gif') 50% 50% no-repeat rgb(0, 0, 0);
}
.privacy_text li {
    padding-bottom: 10px;
}
p.skyline_para {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    font-weight: 700;
}

p.skyline_para i {
    font-size: 45px;
    padding-bottom: 10px;
}

/* font-family: 'Raleway', sans-serif; */

@media only screen and (min-width: 1921px) and (max-width: 7368px) {}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1366px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #myVideo {
        margin-top: -120px;
    }
    .mdl_con{
        max-width: 70% !important;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Website_Navbar_Header1 {
        margin-left: unset !important;
        margin-right: unset !important;
        overflow-x: hidden !important;
    }

    #myVideo {
        margin-top: -20px;
    }

    .marquee h1 {
        font-size: 20px;
        padding: 10px 0 0;
    }

    .set_Universal_Headings h2,
    .set_Universal_Headings h1 {
        font-size: 25px !important;
    }

    .Website_Navbar_Header1 .row {
        justify-content: space-between !important;
    }

    .website-logo {
        width: 50% !IMPORTANT;
    }

    .Website_Navbar_Header1 {
        padding: 0px 0 10px !IMPORTANT;
    }

    .lets-beggin {
        font-size: 25px !important;
    }

    .about-sec-2 .laptop p {
        font-size: 15px;
    }

    .phone a {
        font-size: 18px;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-content h1 {
        font-size: 30px;
    }

    .count-content h6 {
        font-size: 18px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .ui-ux-images figure img {
        width: 100%;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-boxes {
        margin: 0 !important;
    }




    .btn-classic a {
        font-size: 18px;
    }

    h5.card-title {
        padding: 0 !IMPORTANT;
    }

    .card-body {
        padding-top: 40px !important;
        height: 100%;
        padding-left: 0 !IMPORTANT;
    }

    .card-body span {
        font-size: 14px !important;
    }

    .btn-light {
        width: 90% !important;
        margin-left: 15px;
        font-size: 15px !important;
    }

    .set_Universal_Headings h1 {
        font-size: 20px !important;
    }

    .items {
        width: 100%;
        margin: 20px auto 0px;
    }

    .testimonial-inner .tour-desc {
        padding: 0px 12px 50px;
        text-align: center !important;
    }

    .tour-desc img {
        left: 0;
        right: 0;
        margin: auto;
    }

    .user-names {
        text-align: center;
        width: 100%;
    }


    .tour-text {
        font-size: 13px;
        font-weight: 300;
    }

    .mdl_con {
        top: 1%;
        max-width: 100% !important;
    }

    .popup-head h5 {
        font-size: 18px;
        font-weight: 400;
    }

    .popup-head h4 {
        font-size: 23px;
    }

    .popup-head {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    form#banform input {
        padding: 10px 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .element.seprator {
        display: none;
    }

    .contact-info {
        margin-bottom: 20px;
        text-align: center;
    }

    .contact-info h6 {
        font-size: 20px
    }

    .contact-info a {
        font-size: 15px;
    }

    .ftr_4 {
        padding-top: 40px;
    }

    .top_modl {
        right: 6px;
        top: 6px;
        width: 30px;
        height: 30px;
    }

    .top_modl button {
        margin: 0px !important;
    }

    .tour-users {
        display: unset !important;
    }



    .contact-sec p {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .customline::after {
        display: none;
    }

    .bvgklxx6 .pt-5 {
        padding-top: 12px !important;
    }

    .bvgklxx6 .ms-3 {
        margin: 0 !important;
    }

    .customlinez::after {
        display: none;
    }


    .portfolio-img img {
        height: 375px;
    }

    .footer-content p {
        width: 80%;
        margin: 0px auto 30px;
    }

    a#modal_bnt2 {
        width: 55%;
    }

    .toggle-menu {
        width: 25px;
    }

    #menu .main-nav {
        width: 100%;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, -110%);
    }

    .Logo-Image-Gallery img {
        object-fit: cover;
    }

    .logolist img {
        width: 100%;
        margin-bottom: 0px;
    }

    .service-sec {
        padding-top: 50px !important;
    }

    .logolist {
        text-align: center;
    }

    #menu {
        width: 100%;
    }

    #menu .main-nav a {
        font-size: 22px;
        padding: 13px 0;
        font-weight: 600;
    }

    .res_tb a {
        margin-top: 40px !important;
    }

    #particles-js {
        width: 100%;
    }

    #BgVideo {
        left: 0px;
        width: 100%;
    }

    .myrfsxxfd {
        padding: 0px 0px;
    }

    .laptop .mx-2 {
        margin: 0 !important;
    }

    .set_Universal_Headings h4 {
        font-size: 14px;
    }

    .slide-content {
        margin: 0px 0px;
    }

    .responsive_text {
        text-align: center;
        width: 100%;
    }

    .team-txt {
        padding: 0;
    }


    .responsive_head_c {
        font-size: 20px !important;
        margin-top: 10px !important;
        letter-spacing: 1px;
    }

    .responsive_hero_sec {
        height: unset;
        padding-top: 140px;
    }

    .container-ccc .mt-5 {
        margin-top: 0 !important;
    }

    .responsive_con_btn input {
        width: 100%;
    }

    .News_Letter_Contact {
        height: unset;
        padding-bottom: 50px;
    }

    .respn_head {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .responsive_port_h h1 {
        font-size: 18px;
        padding: 0px !important;
        margin-top: 68px;
        text-align: left !important;
    }

    .Hero_Section_portfolio {
        height: 100% !important;
    }

    .responsive_port_h p {
        font-size: 14px;
        margin-top: 0px !important;
        text-align: left !important;
    }

    .responsive_port_h figure {
        text-align: left !important;
    }

    .Hero_Section-Img img {
        width: 100% !important;
        display: block !important;
        margin-top: 0% !important;
    }

    .Hero_Section-Img .m-5 {
        margin: 0rem !important;
    }

    .portfolio_images {
        margin: 0 0 20px;
        border-radius: 25px;
    }

    .workList {
        padding: 0;
        display: flex !important;
        flex-wrap: wrap !IMPORTANT;
        justify-content: space-between !important;
    }

    ul.workList li {
        width: 32%;
        margin-right: 0px;
    }

    ul.workList img {
        width: 100% !IMPORTANT;
        object-fit: cover;
    }

    .respon_head {
        font-size: 18px;
        font-weight: 600 !important;
    }

    .resp_head {
        text-align: center;
        font-size: 16px;
    }

    .respon_p {
        text-align: center;
    }

    .resp_img_arrow img {
        display: none !important;
    }

    .py-5.respn_line {
        padding: 0 !important;
    }



    /* about_page started */
    .respn_div10 h2 {
        margin-top: 8px !important;
        font-size: 18px;
        line-height: 25px;
    }

    .resp_h2 {
        font-size: 17px;
        margin-top: 0px !important;
        padding-bottom: 40px;
    }

    .respn_img_por .gallery {
        padding: 0 !important;
    }

    .respn_img_por .gal {
        padding: 0;
    }

    .respn_img_por {
        padding: 0;
    }

    .respn_img_por .team-txt {
        padding-left: 0px;
        text-align: center;
    }

    .respn_team h2 {
        font-size: 28px;
        line-height: 18px;
    }

    .respn_team .team-txt img {
        display: none !important;
    }

    .responsive_mobl_our h2 {
        margin-top: 0 !important;
        font-size: 18px;
        padding-top: 10px;
    }

    .responsive_mobl_our h4 {
        padding: 0 !important;
    }

    .responsive_mobl_our p {
        margin: 20px 0 0 !important;
    }

    .responsive_mobl_our figure {
        margin: 0 !important;
        padding: 30px 0 0 !important;
    }

    .respon_letter h1 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .respon_letter {
        height: 100%;
        padding-top: 0 !important;
        padding-bottom: 30px;
        background-position: left center;
    }

    .TestiBlack {
        padding-top: 0px;
    }

    .footer_list ul {
        padding-left: 16px;
    }

    .responsive_conatct_bannr_sec {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/aboutbanner3.jpg) !important;
    }

    .respnsv_cntat_sec2 {
        padding: 0 15px;
    }

    .respnsv_cntat_sec2 .section2-ccc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .respnsv_cntat_sec2 .section2-ccc .col2-ccc {
        padding: 0;
    }

   

    .respnsv_cntat_sec2 h4 {
        padding-left: 0 !important;
    }

    .ui-ux-content h2 {
        font-size: 20px;
        margin-top: 12px !important;
    }

    .repn_btn {
        display: flex;
    }

    /* body .mt-5 {
        margin-top: 0 !important;
    }

    body .mb-5 {
        margin-bottom: 0 !important;
    } */

    .service-sec {
        padding-top: 60px;
    }

    .graphicDesign {
        padding-top: 60px !important;
    }

    .digitalMarketing {
        padding-top: 60px !important;
    }

    .mega-pkg-bg .mega-pkg-head ul li button {
        letter-spacing: 0;
        font-size: 17px;
        font-weight: 500;
    }

    .mega-pkg-bg .pkg-details h6 {
        font-size: 18px;
        font-weight: 500 !important;
        text-align: center !important;
        width: unset;
    }

    .pkg-details {
        flex-direction: column;
    }


    .pkg-details p {
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }

    .pkg-head-child-tab-content {
        padding: 30px 0 !important;
    }

    .pkg-details br {
        display: none;
    }

    .pkg-details-inner ul li {
        font-size: 14px;
        padding: 7px 0px;
    }

    .pkg-details-inner ul {
        padding: 0px 0px 20px 1px;
    }

    a#modal_bnt2_76gh {
        padding: 10px 75px;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: center;
    }


    /* portfolio page started */

    .responsive_port_h {
        height: 100% !IMPORTANT;
    }

    .responsive_port_h h1 {
        margin-top: 0;
    }

    .respon_port_bnr {
        box-shadow: #00000070 18px 18px 158px 158px inset;
        background-image: linear-gradient(rgb(0 0 0 / 66%), rgb(0 0 0 / 54%)), url(../images/portfolio_heroBG.png);
        background-position: center;
    }

    .respn_galrry-sec {
        padding-top: 40px;
    }

    .respn_port_tabs ul {
        display: flex !important;
        flex-wrap: wrap;
    }

    .respn_port_tabs .portfolio_tabs {
        width: 50%;
    }

    .respn_port_tabs .portfolio_tabs .text-reset {
        margin: 0 !important;
        padding-bottom: 10px;
    }

    /* blog page started */
    .res_main_h {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        align-items: center !important;
        padding-bottom: 20px;
        width: 100%;
    }

    .blogs_respons_sec {
        text-align: center;
    }

    .res_main_h p {
        width: 55% !important;
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    .res_main_h br {
        display: none;
    }

    .blogs_respons_sec {
        padding: 15px 0;
    }

    .blogs_respons_sec .respn_line {
        padding: 0 10px !IMPORTANT;
    }

    /* packages pages started */

    .respon_pckg_bnr .hero-content {
        height: 100%;
    }

    .respon_pckg_bnr {
        height: 100% !important;
        width: 100%;
    }

    .respon_pckg_bnr h1 {
        font-size: 25px;
        line-height: 0;
        text-align: center !important;
        padding-left: 15px;
    }

    .respon_pckg_bnr {
        padding-top: 20px;
    }

    .respon_pckg_bnr p {
        font-size: 15px;
    }

    .rs_pcak_prfice {
        font-size: 20px !IMPORTANT;
        font-weight: 500 !important;
    }

    .rs_pck_hd {
        font-size: 15px !important;
        text-align: center !important;
        width: 85%;
        margin: 0 auto 13px;
    }

    .resopn_slidr_pck .swiper-pagination {
        display: none;
    }

    /* logo page started */
    .res_logo_bnr {
        height: 100% !important;
    }


    .res_logo_bnr .hero-content {
        height: 100%;
    }

    .res_logo_bnr h1 {
        font-size: 22px;
        padding: 0 !important;
        text-transform: uppercase;
        line-height: 0;
        text-align: left !important;
    }

    .res_logo_bnr p {
        font-size: 15px;
        margin-bottom: 0;
        text-align: left !important;
    }

    .res_logo_bnr figure {
        text-align: left !important;
    }

    .res_logo_bnr {
        padding-top: 25px;
    }

    .res_logo_bnr .Hero_Section-Img {
        padding: 0 !important;
        margin-top: 18px !IMPORTANT;
        margin-bottom: 10px !important;
    }

    .resp_logo_secd_sec h2 {
        text-align: left !important;
    }

    .resp_logo_secd_sec h5 {
        padding-top: 0px !important;
        font-size: 16px;
        text-align: left !important;
    }

    .Logo-Image-Gallery {
        justify-content: center;
    }

    .res_pns_768 h2 {
        font-size: 24px;
    }


    .resp_logo_secd_sec p {
        font-size: 14px;
        text-align: left !important;
    }

    .resp_logo_THIRD_sec {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .resp_logo_THIRD_sec h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .resp_logo_THIRD_sec p {
        font-size: 15px;
    }

    .resp_logo_four_sec {
        padding-top: 40px;
    }

    .resp_logo_four_sec h2 {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 500 !important;
    }

    .resp_logo_four_sec h2 br {
        display: none;
    }

    .resp_logo_four_sec p {
        font-size: 14px;
    }

    .resopn_slidr_pck.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 30% !important;
    }

    .respn_hr_sec hr {
        display: none;
    }

    .res_news_sec h1 {
        font-size: 18px;
        font-weight: 500 !IMPORTANT;
    }

    .res_news_sec {
        height: 100%;
        padding-top: 35px !IMPORTANT;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .News_Letter_Animation {
        height: 250px;
        padding-top: 35px !important;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .respns_nft {
        font-size: 20px !important;
    }

    section.unique_featur {
        padding: 100px 0 0;
    }

    

    section.unique_featur .para_uniq p {
        width: 100%;
        padding-bottom: 20px;
    }



    .responsive-imglll_s2 {
        width: 100%;
    }

    .lets-begginlogo {
        font-size: 20px !important;
    }

    .respon_video_sec {
        padding-bottom: 0px;
    }

    .res_moble_h {
        line-height: 30px !important;
    }

    /* mobile app page started */
    .section-padding_s2 {
        margin-top: 0px !important;
    }

    section.case-studies h2 {
        font-size: 25px;
    }

    .image {
        text-align: center;
    }



    .study_content img {
        width: 30%;
        border-radius: 35px;
    }


    .study_content h3 {
        font-size: 23px;
        font-weight: 800 !important;
        padding: 20px 0 10px;
    }

    .study_content p {
        font-size: 15px;
        padding-bottom: 20px;
    }


    .case_btn_main a {
        margin-right: 0;
        margin-bottom: 18px;
        padding: 13px 30px;
    }

    section.case-studies .row.pt-5 {
        padding-top: 30px !important;
    }

    /* titan page started */

    .titan_bnnr_sec {
        padding: 50px 0 50px;
    }

    .titan_bnnr_sec:before {
        background: #22242996;
    }

    .titan_head_main h1 {
        font-size: 30px;
        font-weight: 700;
    }

    .titan_head_main h5 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px 0 5px;
        line-height: 30px;
    }

    .titan_head_main p {
        padding-bottom: 10px;
    }

    .titan_about_text ul {
        justify-content: flex-start;
    }

    .titan_about_text li {
        font-size: 16px;
    }

    .titan_about_text li:before {
        top: -2px;
    }

    .titan_about_text ul li:last-child {
        padding: 0;
    }

    section.feature_sec {
        padding: 50px 0 50px;
    }

    .feature_head h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .feature_head h3 span {
        font-weight: 800;
    }

    .feature_head p {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .feature_text h5 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .feature_text p {
        padding-bottom: 0px;
    }

    section.images_sec {
        padding: 0px 0 0px;
    }

    section.titan_about_sec {
        padding: 50px 0 50px;
    }

    section.titan_about_sec .feature_text {
        padding-bottom: 20px;
    }

    video#home-vid {
        width: 100% !important;
    }

    section.hightlight_sec {
        overflow-x: hidden;
    }


   

    section.hightlight_sec .feature_text h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .blue_box {
        padding: 35px 25px 35px;
        height: 100%;
        width: 100%;
        margin-right: 0px;
    }

    .blue_box h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1em;
    }

    .blue_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .blue_box h3 span {
        font-size: 25px;
    }

    .black_box {
        padding: 35px 25px 0px;
        height: 100%;
        width: 100%;
        margin-right: 0px;
    }

    .black_box h3 {
        font-size: 23px;
        font-weight: 700;
        line-height: 1em;
    }

    .black_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* taco boss page started */

    #toco_banr_sec:before {
        background: #22242987;
    }

    #toco_feature {
        padding: 50px 0 50px;
    }

    #toco_images_sec {
        padding: 10px 0 10px;
    }

    section#toco_fourth_sec .feature_head h3 br {
        display: none;
    }

    section#toco_fourth_sec ul {
        margin-bottom: 20px;
        padding: 0;
    }

    section#toco_fourth_sec ul li {
        font-size: 14px;
        font-weight: 500;
        padding-left: 0px;
    }


    /* unique transport services pages started */

    section.unique_sec .titan_head_main h1 {
        font-size: 25px;
    }

    section.unique_featur h5 {
        font-size: 16px;
        font-weight: 800;
        width: 100%;
    }


     .explore_sec {
        padding: 50px 0 100px;
    }

    /* sporkit */
    section.color_sec h2 {
        font-size: 40px;
    }

    .app-colors-inner {
        flex-wrap: wrap;
    }

    .app-colors {
        margin-bottom: 20px !important;
    }

    section.color_sec {
        padding: 100px 0 50px;
    }

    /* jackle-daddy */
    .option_box_main h6 {
        font-size: 16px;
        width: 100%;
        
    }

    .option_box_main {
        margin-bottom: 10px;
        padding: 26px 15px;
        height: 265px;
    }
    .postnoi_sec:before{
        width: 65%;
    }

    .option_sec {
        padding: 100px 0 0px;
    }

    section.layout_screen h2 {
        font-size: 50px;
    }

    section.layout_screen img {
        margin: 15px auto;
        display: block;
        border-radius: 35px;
    }

    /* pravicy */

    .privacy_text h1 {
        font-size: 18px;
    }


    .privacy_text h2 {
        font-size: 18px;
    }



    /* .responsive_mobl {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    } */
    /* .responsive_mobl .ui-ux-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ui-ux-content {
        text-align: center;
        padding-bottom: 25px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ui-ux-content h2 {
        margin-top: 10px !important;
        font-size: 15px;
    }

    .ui-ux-content p {
        margin-top: 15px !IMPORTANT;
        font-size: 14px;
    }

    .ui-ux-content a {
        font-size: 18px;
    }
    .gallery.py-5 {
        padding: 0px !important;
    }
    .margiotopp {
        margin-top: 30px;
        padding-left: 0px !important;
    } */


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .Website_Navbar_Header1 {
        margin-left: unset !important;
        margin-right: unset !important;
        overflow-x: hidden !important;
    }

    #myVideo {
        margin-top: -20px;
    }

    .marquee h1 {
        font-size: 20px;
        padding: 10px 0 0;
    }

    .set_Universal_Headings h2,
    .set_Universal_Headings h1 {
        font-size: 25px !important;
    }

    .Website_Navbar_Header1 .row {
        justify-content: space-between !important;
    }

    .website-logo {
        width: 50% !IMPORTANT;
    }

    .Website_Navbar_Header1 {
        padding: 0px 0 10px !IMPORTANT;
    }

    .lets-beggin {
        font-size: 15px !important;
    }

    .about-sec-2 .laptop p {
        font-size: 15px;
    }

    .phone a {
        font-size: 18px;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-content h1 {
        font-size: 30px;
    }

    .count-content h6 {
        font-size: 18px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .ui-ux-images figure img {
        width: 100%;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .gal {
        column-count: 2;
    }


    .btn-classic a {
        font-size: 18px;
    }

    h5.card-title {
        padding: 0 !IMPORTANT;
    }

    .card-body {
        padding-top: 40px !important;
        height: 100%;
        padding-left: 0 !IMPORTANT;
    }

    .card-body span {
        font-size: 14px !important;
    }

    .btn-light {
        width: 90% !important;
        margin-left: 15px;
        font-size: 15px !important;
    }

    .set_Universal_Headings h1 {
        font-size: 20px !important;
    }

    .items {
        width: 100%;
        margin: 20px auto 0px;
    }

    .testimonial-inner .tour-desc {
        padding: 0px 12px 50px;
        text-align: center !important;
    }

    .tour-desc img {
        left: 0;
        right: 0;
        margin: auto;
    }

    .user-names {
        text-align: center;
        width: 100%;
    }


    .tour-text {
        font-size: 13px;
        font-weight: 300;
    }

    .mdl_con {
        top: 1%;
        max-width: 100% !important;
    }

    .popup-head h5 {
        font-size: 18px;
        font-weight: 400;
    }

    .popup-head h4 {
        font-size: 23px;
    }

    .popup-head {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    form#banform input {
        padding: 10px 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .element.seprator {
        display: none;
    }

    .contact-info {
        margin-bottom: 20px;
        text-align: center;
    }

    .contact-info h6 {
        font-size: 20px
    }

    .contact-info a {
        font-size: 15px;
    }

    .ftr_4 {
        padding-top: 40px;
    }

    .top_modl {
        right: 6px;
        top: 6px;
        width: 30px;
        height: 30px;
    }

    .top_modl button {
        margin: 0px !important;
    }

    .tour-users {
        display: unset !important;
    }

    .contact-sec h4 {
        text-align: center;
    }

    .contact-sec h2 {
        text-align: center;
    }

    .contact-sec p {
        text-align: center;
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .customline::after {
        display: none;
    }

    .bvgklxx6 .pt-5 {
        padding-top: 12px !important;
    }

    .bvgklxx6 .ms-3 {
        margin: 0 !important;
    }

    .bvgklxx6 .btn-classic {
        margin: auto;
    }

    .customlinez::after {
        display: none;
    }

    .blur-filter-portfolio .btn-porfolio {
        margin: auto;
    }

    .portfolio-img img {
        height: 375px;
    }

    .footer-content p {
        width: 80%;
        margin: 0px auto 30px;
    }

    a#modal_bnt2 {
        width: 55%;
    }

    .toggle-menu {
        width: 25px;
    }

    #menu .main-nav {
        width: 100%;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, -110%);
    }

    .Logo-Image-Gallery img {
        object-fit: cover;
    }

    .logolist img {
        width: 100%;
        margin-bottom: 0px;
    }

    .service-sec {
        padding-top: 50px !important;
    }

    .logolist {
        text-align: center;
    }

    #menu {
        width: 100%;
    }

    #menu .main-nav a {
        font-size: 22px;
        padding: 13px 0;
        font-weight: 600;
    }

    .res_tb a {
        margin-top: 40px !important;
    }

    #particles-js {
        width: 100%;
    }

    #BgVideo {
        left: 0px;
        width: 100%;
    }

    .myrfsxxfd {
        padding: 0px 0px;
    }

    .laptop .mx-2 {
        margin: 0 !important;
    }

    .set_Universal_Headings h4 {
        font-size: 14px;
    }

    .slide-content {
        margin: 0px 0px;
    }

    .responsive_text {
        text-align: center;
        width: 100%;
    }

    .team-txt {
        padding: 0;
        justify-content: center;
    }

    .first-ccc iframe {
        display: none;
    }

    .responsive_head_c {
        font-size: 20px !important;
        margin-top: 10px !important;
        letter-spacing: 1px;
    }

    .responsive_hero_sec {
        height: unset;
        padding-top: 140px;
    }

    .container-ccc .mt-5 {
        margin-top: 0 !important;
    }

    .responsive_con_btn input {
        width: 100%;
    }

    .News_Letter_Contact {
        height: unset;
        padding-bottom: 50px;
    }

    .respn_head {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .responsive_port_h h1 {
        font-size: 18px;
        padding: 0px !important;
        margin-top: 68px;
        text-align: left !important;
    }

    .Hero_Section_portfolio {
        height: 100% !important;
    }

    .responsive_port_h p {
        font-size: 14px;
        margin-top: 0px !important;
        text-align: left !important;
    }

    .responsive_port_h figure {
        text-align: left !important;
    }

    .Hero_Section-Img img {
        width: 100% !important;
        display: block !important;
        margin-top: 0% !important;
    }

    .Hero_Section-Img .m-5 {
        margin: 0rem !important;
    }

    .portfolio_images {
        margin: 0 0 20px;
        border-radius: 25px;
    }

    .workList {
        padding: 0;
        display: flex !important;
        flex-wrap: wrap !IMPORTANT;
        justify-content: space-between !important;
    }

    ul.workList li {
        width: 32%;
        margin-right: 0px;
    }

    ul.workList img {
        width: 100% !IMPORTANT;
        object-fit: cover;
    }

    .respon_head {
        font-size: 18px;
        font-weight: 600 !important;
    }

    .resp_head {
        text-align: center;
        font-size: 16px;
    }

    .respon_p {
        text-align: center;
    }

    .resp_img_arrow img {
        display: none !important;
    }

    .py-5.respn_line {
        padding: 0 !important;
    }



    /* about_page started */
    .respn_div10 h2 {
        margin-top: 8px !important;
        font-size: 18px;
        line-height: 25px;
    }

    .resp_h2 {
        font-size: 17px;
        margin-top: 0px !important;
        padding-bottom: 40px;
    }

    .respn_img_por .gallery {
        padding: 0 !important;
    }

    .respn_img_por .gal {
        padding: 0;
    }

    .respn_img_por {
        padding: 0;
    }

    .respn_img_por .team-txt {
        padding-left: 0px;
        text-align: center;
    }

    .respn_team h2 {
        font-size: 28px;
        line-height: 18px;
    }

    .respn_team .team-txt img {
        display: none !important;
    }

    .responsive_mobl_our h2 {
        margin-top: 0 !important;
        font-size: 18px;
        padding-top: 10px;
    }

    .responsive_mobl_our h4 {
        padding: 0 !important;
    }

    .responsive_mobl_our p {
        margin: 20px 0 0 !important;
    }

    .responsive_mobl_our figure {
        margin: 0 !important;
        padding: 30px 0 0 !important;
    }

    .respon_letter h1 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .respon_letter {
        height: 100%;
        padding-top: 0 !important;
        padding-bottom: 30px;
        background-position: left center;
    }

    .TestiBlack {
        padding-top: 0px;
    }

    .footer_list ul {
        padding-left: 16px;
    }

    .responsive_conatct_bannr_sec {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/aboutbanner3.jpg) !important;
    }

    .respnsv_cntat_sec2 {
        padding: 0 15px;
    }

    .respnsv_cntat_sec2 .section2-ccc {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .respnsv_cntat_sec2 .section2-ccc .col2-ccc {
        width: 100%;
        padding: 0;
    }

    .respnsv_cntat_sec2 .sec2innercont-ccc {
        padding-top: 50px;
    }

    .respnsv_cntat_sec2 h4 {
        padding-left: 0 !important;
    }

    .ui-ux-content h2 {
        font-size: 20px;
        margin-top: 12px !important;
    }

    .repn_btn {
        display: flex;
        justify-content: center;
    }

    body .mt-5 {
        margin-top: 0 !important;
    }

    body .mb-5 {
        margin-bottom: 0 !important;
    }

    .service-sec {
        padding-top: 60px;
    }

    .graphicDesign {
        padding-top: 60px !important;
    }

    .digitalMarketing {
        padding-top: 60px !important;
    }

    .mega-pkg-bg .mega-pkg-head ul li button {
        letter-spacing: 0;
        font-size: 17px;
        font-weight: 500;
    }

    .mega-pkg-bg .pkg-details h6 {
        font-size: 18px;
        font-weight: 500 !important;
        text-align: center !important;
        width: unset;
    }

    .pkg-details {
        flex-direction: column;
    }


    .pkg-details p {
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }

    .pkg-head-child-tab-content {
        padding: 30px 0 !important;
    }

    .pkg-details br {
        display: none;
    }

    .pkg-details-inner ul li {
        font-size: 14px;
        padding: 7px 0px;
    }

    .pkg-details-inner ul {
        padding: 0px 0px 20px 1px;
        width: 85%;
    }

    a#modal_bnt2_76gh {
        padding: 10px 75px;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: center;
    }


    /* portfolio page started */

    .responsive_port_h {
        height: 100% !IMPORTANT;
    }

    .responsive_port_h h1 {
        margin-top: 0;
    }

    .respon_port_bnr {
        box-shadow: #00000070 18px 18px 158px 158px inset;
        background-image: linear-gradient(rgb(0 0 0 / 66%), rgb(0 0 0 / 54%)), url(../images/portfolio_heroBG.png);
        background-position: center;
    }

    .respn_galrry-sec {
        padding-top: 40px;
    }

    .respn_port_tabs ul {
        display: flex !important;
        flex-wrap: wrap;
    }

    .respn_port_tabs .portfolio_tabs {
        width: 50%;
    }

    .respn_port_tabs .portfolio_tabs .text-reset {
        margin: 0 !important;
        padding-bottom: 10px;
    }

    /* blog page started */
    .res_main_h {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        align-items: center !important;
        padding-bottom: 20px;
        width: 100%;
    }

    .blogs_respons_sec {
        text-align: center;
    }

    .res_main_h p {
        width: 55% !important;
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    .res_main_h br {
        display: none;
    }

    .blogs_respons_sec {
        padding: 15px 0;
    }

    .blogs_respons_sec .respn_line {
        padding: 0 10px !IMPORTANT;
    }

    /* packages pages started */

    .respon_pckg_bnr .hero-content {
        height: 100%;
    }

    .respon_pckg_bnr {
        height: 100% !important;
        width: 100%;
    }

    .respon_pckg_bnr h1 {
        font-size: 25px;
        line-height: 0;
        text-align: center !important;
        padding-left: 15px;
    }

    .respon_pckg_bnr {
        padding-top: 20px;
    }

    .respon_pckg_bnr p {
        font-size: 15px;
    }

    .rs_pcak_prfice {
        font-size: 20px !IMPORTANT;
        font-weight: 500 !important;
    }

    .rs_pck_hd {
        font-size: 15px !important;
        text-align: center !important;
        width: 85%;
        margin: 0 auto 13px;
    }

    .resopn_slidr_pck .swiper-pagination {
        display: none;
    }

    /* logo page started */
    .res_logo_bnr {
        height: 100% !important;
    }


    .res_logo_bnr .hero-content {
        height: 100%;
    }

    .res_logo_bnr h1 {
        font-size: 22px;
        padding: 0 !important;
        text-transform: uppercase;
        line-height: 0;
        text-align: left !important;
    }

    .res_logo_bnr p {
        font-size: 15px;
        margin-bottom: 0;
        text-align: left !important;
    }

    .res_logo_bnr figure {
        text-align: left !important;
    }

    .res_logo_bnr {
        padding-top: 25px;
    }

    .res_logo_bnr .Hero_Section-Img {
        padding: 0 !important;
        margin-top: 18px !IMPORTANT;
        margin-bottom: 10px !important;
    }

    .resp_logo_secd_sec h2 {
        text-align: left !important;
    }

    .resp_logo_secd_sec h5 {
        padding-top: 0px !important;
        font-size: 16px;
        text-align: left !important;
    }

    .Logo-Image-Gallery {
        justify-content: center;
    }

    .res_pns_768 h2 {
        text-align: center !IMPORTANT;
        font-size: 24px;
    }

    .res_pns_768 h5 {
        text-align: center !important;
    }

    .res_pns_768 p {
        text-align: center !important;
    }

    .resp_logo_secd_sec p {
        font-size: 14px;
        text-align: left !important;
    }

    .resp_logo_THIRD_sec {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .resp_logo_THIRD_sec h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .resp_logo_THIRD_sec p {
        font-size: 15px;
    }

    .resp_logo_four_sec {
        padding-top: 40px;
    }

    .resp_logo_four_sec h2 {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 500 !important;
    }

    .resp_logo_four_sec h2 br {
        display: none;
    }

    .resp_logo_four_sec p {
        font-size: 14px;
    }

    .resopn_slidr_pck.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 30% !important;
    }

    .respn_hr_sec hr {
        display: none;
    }

    .res_news_sec h1 {
        font-size: 18px;
        font-weight: 500 !IMPORTANT;
    }

    .res_news_sec {
        height: 100%;
        padding-top: 35px !IMPORTANT;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .News_Letter_Animation {
        height: 210px;
        padding-top: 35px !important;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .respns_nft {
        font-size: 20px !important;
    }

    section.unique_featur {
        padding: 100px 0 0;
    }

    section#uniquefourth_sec h3 {
        font-size: 25px;
        text-align: center;
    }

    section.unique_featur .para_uniq p {
        width: 100%;
        padding-bottom: 20px;
    }

    h2 {
        text-align: center;
    }

    .responsive-imglll_s2 {
        width: 100%;
    }

    .lets-begginlogo {
        font-size: 20px !important;
    }

    .respon_video_sec {
        padding-bottom: 0px;
    }

    .res_moble_h {
        line-height: 30px !important;
    }

    /* mobile app page started */
    .section-padding_s2 {
        margin-top: 0px !important;
    }

    section.case-studies h2 {
        font-size: 25px;
    }

    .image {
        text-align: center;
    }



    .study_content img {
        width: 30%;
        border-radius: 35px;
    }

    section#uniquefourth_sec ul img {
        width: 31%;
    }

    .study_content h3 {
        font-size: 23px;
        font-weight: 800 !important;
        padding: 20px 0 10px;
    }

    .study_content p {
        font-size: 15px;
        padding-bottom: 20px;
    }


    .case_btn_main a {
        margin-right: 0;
        margin-bottom: 18px;
        padding: 13px 30px;
    }

    section.case-studies .row.pt-5 {
        padding-top: 30px !important;
    }

    /* titan page started */

    .titan_bnnr_sec {
        padding: 50px 0 50px;
    }

    .titan_bnnr_sec:before {
        background: #22242996;
    }

    .titan_head_main h1 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }

    .titan_head_main h5 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px 0 5px;
        line-height: 30px;
        text-align: center;
    }

    .titan_head_main p {
        padding-bottom: 10px;
        text-align: center;
    }

    .titan_about_text ul {
        justify-content: center;
    }

    .titan_about_text li {
        font-size: 16px;
    }

    .titan_about_text li:before {
        top: -2px;
    }

    .titan_about_text ul li:last-child {
        padding: 0;
    }

    section.feature_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    .feature_head h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .feature_head h3 span {
        font-weight: 800;
    }

    .feature_head p {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .feature_text h5 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .feature_text p {
        padding-bottom: 0px;
    }

    section.images_sec {
        padding: 0px 0 0px;
    }

    section.titan_about_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    section.titan_about_sec .feature_text {
        padding-bottom: 20px;
    }

    video#home-vid {
        width: 100% !important;
    }

    section.hightlight_sec {
        overflow-x: hidden;
    }

    section.hightlight_sec h2 {
        font-size: 40px;
        text-align: center;
        font-weight: 700;
        line-height: 45px;
    }

    section.hightlight_sec .feature_text {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    section.hightlight_sec .feature_text h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .blue_box {
        padding: 35px 25px 35px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .blue_box h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1em;
    }

    .blue_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .blue_box h3 span {
        font-size: 25px;
    }

    .black_box {
        padding: 35px 25px 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .black_box h3 {
        font-size: 23px;
        font-weight: 700;
        line-height: 1em;
    }

    .black_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* taco boss page started */

    #toco_banr_sec:before {
        background: #22242987;
    }

    #toco_feature {
        padding: 50px 0 50px;
    }

    #toco_images_sec {
        padding: 10px 0 10px;
    }

    section#toco_fourth_sec .feature_head h3 br {
        display: none;
    }

    section#toco_fourth_sec ul {
        margin-bottom: 20px;
        padding: 0;
    }

    section#toco_fourth_sec ul li {
        font-size: 14px;
        font-weight: 500;
        padding-left: 0px;
    }


    /* unique transport services pages started */

    section.unique_sec .titan_head_main h1 {
        font-size: 25px;
    }

    .unique_sec ul {
        display: block;
        text-align: center;
    }

    .unique_sec li::before {
        display: none;
    }

    .unique_sec li {
        padding-right: 0;
    }

    section#uniquefourth_sec p {
        text-align: center;
        font-size: 15px;
    }

    section#uniquefourth_sec ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    section#uniquefourth_sec li {
        width: 45%;
        text-align: center;
        padding-bottom: 13px;
    }

    section#uniquefourth_sec {
        padding-bottom: 0px;
    }

    section.explore_sec h2 {
        font-size: 40px;
    }

    .explore_sec {
        padding: 50px 0 100px;
    }

    .demo-mob img {
        width: 100% !important;
    }

    .demo-mob img:nth-child(2) {
        top: 54px !important;
        width: 50% !important;
    }

    iframe.iframe.iframe-browse {
        border-radius: 45px !important;
        top: 52px !important;
        width: 66% !important;
        height: 704px !important;
    }

    /* sporkit */
    section.color_sec h2 {
        font-size: 40px;
    }

    .app-colors-inner {
        flex-wrap: wrap;
    }

    .app-colors {
        margin-bottom: 20px !important;
    }

    section.color_sec {
        padding: 100px 0 50px;
    }

    /* jackle-daddy */
    #daddy_banr_sec img {
        display: none;
    }

    .option_box_main {
        margin-bottom: 10px;
        height: 230px;
    }

    .option_sec {
        padding: 100px 0 0px;
    }

    section.layout_screen h2 {
        font-size: 50px;
    }

    section.layout_screen img {
        margin: 15px auto;
        display: block;
        border-radius: 35px;
    }

    /* pravicy */

    .privacy_text h1 {
        font-size: 18px;
        text-align: center;
    }

    .privacy_text {
        text-align: center;
    }

    .privacy_text h2 {
        font-size: 18px;
    }



    /* .responsive_mobl {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    } */
    /* .responsive_mobl .ui-ux-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ui-ux-content {
        text-align: center;
        padding-bottom: 25px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ui-ux-content h2 {
        margin-top: 10px !important;
        font-size: 15px;
    }

    .ui-ux-content p {
        margin-top: 15px !IMPORTANT;
        font-size: 14px;
    }

    .ui-ux-content a {
        font-size: 18px;
    }
    .gallery.py-5 {
        padding: 0px !important;
    }
    .margiotopp {
        margin-top: 30px;
        padding-left: 0px !important;
    } */


}


@media only screen and (min-width: 520px) and (max-width: 767px) {
    .Website_Navbar_Header1 {
        margin-left: unset !important;
        margin-right: unset !important;
        overflow-x: hidden !important;
    }

    #myVideo {
        margin-top: -20px;
    }

    .marquee h1 {
        font-size: 20px;
        padding: 10px 0 0;
    }

    .set_Universal_Headings h2,
    .set_Universal_Headings h1 {
        font-size: 25px !important;
    }

    .Website_Navbar_Header1 .row {
        justify-content: space-between !important;
    }

    .website-logo {
        width: 60% !IMPORTANT;
    }

    .Website_Navbar_Header1 {
        padding: 0px 0 10px !IMPORTANT;
    }

    .lets-beggin {
        font-size: 15px !important;
    }

    .about-sec-2 .laptop p {
        font-size: 15px;
    }

    .phone a {
        font-size: 18px;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-content h1 {
        font-size: 30px;
    }

    .count-content h6 {
        font-size: 18px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .ui-ux-images figure img {
        width: 100%;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .gal {
        column-count: 1;
    }

    .btn-classic a {
        font-size: 18px;
    }

    h5.card-title {
        padding: 0 !IMPORTANT;
    }

    .card-body {
        padding-top: 40px !important;
        height: 100%;
        padding-left: 0 !IMPORTANT;
    }

    .card-body span {
        font-size: 14px !important;
    }

    .btn-light {
        width: 90% !important;
        margin-left: 15px;
        font-size: 15px !important;
    }

    .set_Universal_Headings h1 {
        font-size: 20px !important;
    }

    .items {
        width: 100%;
        margin: 20px auto 0px;
    }

    .testimonial-inner .tour-desc {
        padding: 0px 12px 50px;
        text-align: center !important;
    }

    .tour-desc img {
        left: 0;
        right: 0;
        margin: auto;
    }

    .user-names {
        text-align: center;
        width: 100%;
    }


    .tour-text {
        font-size: 13px;
        font-weight: 300;
    }

    .mdl_con {
        top: 1%;
        max-width: 100% !important;
    }

    .popup-head h5 {
        font-size: 18px;
        font-weight: 400;
    }

    .popup-head h4 {
        font-size: 23px;
    }

    .popup-head {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    form#banform input {
        padding: 10px 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .element.seprator {
        display: none;
    }

    .contact-info {
        margin-bottom: 20px;
        text-align: center;
    }

    .contact-info h6 {
        font-size: 20px
    }

    .contact-info a {
        font-size: 15px;
    }

    .ftr_4 {
        padding-top: 40px;
    }

    .top_modl {
        right: 6px;
        top: 6px;
        width: 30px;
        height: 30px;
    }

    .top_modl button {
        margin: 0px !important;
    }

    .tour-users {
        display: unset !important;
    }

    .contact-sec h4 {
        text-align: center;
    }

    .contact-sec h2 {
        text-align: center;
    }

    .contact-sec p {
        text-align: center;
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .customline::after {
        display: none;
    }

    .bvgklxx6 .pt-5 {
        padding-top: 12px !important;
    }

    .bvgklxx6 .ms-3 {
        margin: 0 !important;
    }

    .bvgklxx6 .btn-classic {
        margin: auto;
    }

    .customlinez::after {
        display: none;
    }

    .blur-filter-portfolio .btn-porfolio {
        margin: auto;
    }

    .portfolio-img img {
        height: 375px;
    }

    .footer-content p {
        width: 80%;
        margin: 0px auto 30px;
    }

    a#modal_bnt2 {
        width: 55%;
    }

    .toggle-menu {
        width: 25px;
    }

    #menu .main-nav {
        width: 100%;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, -112%);
    }

    .Logo-Image-Gallery img {
        object-fit: cover;
    }

    .logolist img {
        width: 55%;
        margin-bottom: 20px;
    }

    .service-sec {
        padding-top: 50px !important;
    }

    .logolist {
        text-align: center;
    }

    #menu {
        width: 100%;
    }

    #menu .main-nav a {
        font-size: 16px;
        padding: 3px 0;
        font-weight: 500;
    }

    .main-nav .navBorder {
        border-bottom: 2px solid #fff;
        padding-bottom: 25px;
    }

    .respon_pd {
        padding-top: 30px;
    }

    #particles-js {
        width: 100%;
    }

    #BgVideo {
        left: 0px;
        width: 100%;
    }

    .myrfsxxfd {
        padding: 0px 0px;
    }

    .laptop .mx-2 {
        margin: 0 !important;
    }

    .set_Universal_Headings h4 {
        font-size: 14px;
    }

    .slide-content {
        margin: 0px 0px;
    }

    .responsive_text {
        text-align: center;
        width: 100%;
    }

    .team-txt {
        padding: 0;
        justify-content: center;
    }

    .first-ccc iframe {
        height: 100% !important;
    }

    .responsive_head_c {
        font-size: 20px !important;
        margin-top: 10px !important;
        letter-spacing: 1px;
    }

    .responsive_hero_sec {
        height: unset;
        padding-top: 140px;
    }

    .container-ccc .mt-5 {
        margin-top: 0 !important;
    }

    .responsive_con_btn input {
        width: 100%;
    }

    .News_Letter_Contact {
        height: unset;
        padding-bottom: 50px;
    }

    .respn_head {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .responsive_port_h h1 {
        font-size: 18px;
        padding: 0px !important;
        margin-top: 68px;
    }

    .Hero_Section_portfolio {
        height: 100% !important;
    }

    .responsive_port_h p {
        font-size: 14px;
        margin-top: 0px !important;
    }

    .Hero_Section-Img img {
        width: 100% !important;
        display: block !important;
        margin-top: 0% !important;
    }

    .Hero_Section-Img .m-5 {
        margin: 0rem !important;
    }

    .portfolio_images {
        margin: 0 0 20px;
        border-radius: 25px;
    }

    .workList {
        padding: 0;
        display: flex !important;
        flex-wrap: wrap !IMPORTANT;
        justify-content: space-between !important;
    }

    ul.workList li {
        width: 49%;
        margin-right: 0px;
    }

    ul.workList img {
        width: 100% !IMPORTANT;
    }

    .respon_head {
        font-size: 18px;
        font-weight: 600 !important;
    }

    .resp_head {
        text-align: center;
        font-size: 16px;
    }

    .respon_p {
        text-align: center;
    }

    .resp_img_arrow img {
        display: none !important;
    }

    .py-5.respn_line {
        padding: 0 !important;
    }



    /* about_page started */
    .respn_div10 h2 {
        margin-top: 8px !important;
        font-size: 18px;
        line-height: 25px;
    }

    .resp_h2 {
        font-size: 17px;
        margin-top: 0px !important;
        padding-bottom: 40px;
    }

    .respn_img_por .gallery {
        padding: 0 !important;
    }

    .respn_img_por .gal {
        padding: 0;
    }

    .respn_img_por {
        padding: 0;
    }

    .respn_img_por .team-txt {
        padding-left: 0px;
        text-align: center;
    }

    .respn_team h2 {
        font-size: 28px;
        line-height: 18px;
    }

    .respn_team .team-txt img {
        display: none !important;
    }

    .responsive_mobl_our h2 {
        margin-top: 0 !important;
        font-size: 18px;
        padding-top: 10px;
    }

    .responsive_mobl_our h4 {
        padding: 0 !important;
    }

    .responsive_mobl_our p {
        margin: 20px 0 0 !important;
    }

    .responsive_mobl_our figure {
        margin: 0 !important;
        padding: 30px 0 0 !important;
    }

    .respon_letter h1 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .respon_letter {
        height: 100%;
        padding-top: 0 !important;
        padding-bottom: 30px;
        background-position: left center;
    }

    .TestiBlack {
        padding-top: 0px;
    }

    .footer_list ul {
        padding-left: 16px;
    }

    .responsive_conatct_bannr_sec {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/aboutbanner3.jpg) !important;
    }

    .respnsv_cntat_sec2 {
        padding: 0 15px;
    }

    .respnsv_cntat_sec2 .section2-ccc {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .respnsv_cntat_sec2 .section2-ccc .col2-ccc {
        width: 100%;
        padding: 0;
    }

    .respnsv_cntat_sec2 .sec2innercont-ccc {
        padding-top: 50px;
    }

    .respnsv_cntat_sec2 h4 {
        padding-left: 0 !important;
    }

    .ui-ux-content h2 {
        font-size: 20px;
        margin-top: 12px !important;
    }

    .repn_btn {
        display: flex;
        justify-content: center;
    }

    body .mt-5 {
        margin-top: 0 !important;
    }

    body .mb-5 {
        margin-bottom: 0 !important;
    }

    .service-sec {
        padding-top: 60px;
    }

    .graphicDesign {
        padding-top: 60px !important;
    }

    .digitalMarketing {
        padding-top: 60px !important;
    }

    .mega-pkg-bg .mega-pkg-head ul li button {
        letter-spacing: 0;
        font-size: 17px;
        font-weight: 500;
    }

    .mega-pkg-bg .pkg-details h6 {
        font-size: 18px;
        font-weight: 500 !important;
        text-align: center !important;
        width: unset;
    }

    .pkg-details {
        flex-direction: column;
    }


    .pkg-details p {
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }

    .pkg-head-child-tab-content {
        padding: 30px 0 !important;
    }

    .pkg-details br {
        display: none;
    }

    .pkg-details-inner ul li {
        font-size: 14px;
        padding: 7px 0px;
    }

    .pkg-details-inner ul {
        padding: 0px 0px 20px 1px;
        width: 85%;
    }

    a#modal_bnt2_76gh {
        padding: 10px 75px;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: center;
    }


    /* portfolio page started */

    .responsive_port_h {
        height: 100% !IMPORTANT;
    }

    .responsive_port_h h1 {
        margin-top: 0;
    }

    .respon_port_bnr {
        box-shadow: #00000070 18px 18px 158px 158px inset;
        background-image: linear-gradient(rgb(0 0 0 / 66%), rgb(0 0 0 / 54%)), url(../images/portfolio_heroBG.png);
        background-position: center;
    }

    .respn_galrry-sec {
        padding-top: 40px;
    }

    .respn_port_tabs ul {
        display: flex !important;
        flex-wrap: wrap;
    }

    .respn_port_tabs .portfolio_tabs {
        width: 50%;
    }

    .respn_port_tabs .portfolio_tabs .text-reset {
        margin: 0 !important;
        padding-bottom: 10px;
    }

    /* blog page started */
    .res_main_h {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        align-items: center !important;
        padding-bottom: 20px;
        width: 100%;
    }

    .blogs_respons_sec {
        text-align: center;
    }

    .res_main_h p {
        width: 55% !important;
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    .res_main_h br {
        display: none;
    }

    .blogs_respons_sec {
        padding: 15px 0;
    }

    .blogs_respons_sec .respn_line {
        padding: 0 10px !IMPORTANT;
    }

    /* packages pages started */

    .respon_pckg_bnr .hero-content {
        height: 100%;
    }

    .respon_pckg_bnr {
        height: 100% !important;
        width: 100%;
    }

    .respon_pckg_bnr h1 {
        font-size: 25px;
        line-height: 0;
        text-align: center !important;
        padding-left: 15px;
    }

    .respon_pckg_bnr {
        padding-top: 20px;
    }

    .respon_pckg_bnr p {
        font-size: 15px;
    }

    .rs_pcak_prfice {
        font-size: 20px !IMPORTANT;
        font-weight: 500 !important;
    }

    .rs_pck_hd {
        font-size: 15px !important;
        text-align: center !important;
        width: 85%;
        margin: 0 auto 13px;
    }

    .resopn_slidr_pck .swiper-pagination {
        display: none;
    }

    /* logo page started */
    .res_logo_bnr {
        height: 100% !important;
    }


    .res_logo_bnr .hero-content {
        height: 100%;
    }

    .res_logo_bnr h1 {
        font-size: 22px;
        padding: 0 !important;
        text-transform: uppercase;
        line-height: 0;
    }

    .res_logo_bnr p {
        font-size: 15px;
        margin-bottom: 0;
    }

    .res_logo_bnr {
        padding-top: 25px;
    }

    .res_logo_bnr .Hero_Section-Img {
        padding: 0 !important;
        margin-top: 18px !IMPORTANT;
        margin-bottom: 10px !important;
    }

    .resp_logo_secd_sec h2 {
        font-size: 25px;
    }

    .resp_logo_secd_sec h5 {
        padding-top: 0px !important;
        font-size: 18px;
    }

    .resp_logo_secd_sec p {
        font-size: 14px;
    }

    .resp_logo_THIRD_sec {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .resp_logo_THIRD_sec h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .resp_logo_THIRD_sec p {
        font-size: 15px;
    }

    .resp_logo_four_sec {
        padding-top: 40px;
    }

    .resp_logo_four_sec h2 {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 500 !important;
    }

    .resp_logo_four_sec h2 br {
        display: none;
    }

    .resp_logo_four_sec p {
        font-size: 14px;
    }

    .resopn_slidr_pck.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 30% !important;
    }

    .respn_hr_sec hr {
        display: none;
    }

    .res_news_sec h1 {
        font-size: 18px;
        font-weight: 500 !IMPORTANT;
    }

    .res_news_sec {
        height: 100%;
        padding-top: 35px !IMPORTANT;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .News_Letter_Animation {
        height: 210px;
        padding-top: 35px !important;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .respns_nft {
        font-size: 20px !important;
    }

    section.unique_featur {
        padding: 100px 0 0;
    }

    section#uniquefourth_sec h3 {
        font-size: 25px;
        text-align: center;
    }

    section.unique_featur .para_uniq p {
        width: 100%;
        padding-bottom: 20px;
    }

    h2 {
        text-align: center;
    }

    .responsive-imglll_s2 {
        width: 100%;
    }

    .lets-begginlogo {
        font-size: 23px !important;
    }

    .respon_video_sec {
        padding-bottom: 0px;
    }

    .res_moble_h {
        line-height: 30px !important;
    }

    /* mobile app page started */
    .section-padding_s2 {
        margin-top: 0px !important;
    }

    section.case-studies h2 {
        font-size: 25px;
    }

    .image {
        text-align: center;
    }

    .study_content {
        text-align: center;
        padding-top: 40px;
    }

    .study_content img {
        width: 30%;
        border-radius: 35px;
    }

    section#uniquefourth_sec ul img {
        width: 31%;
    }

    .study_content h3 {
        font-size: 23px;
        font-weight: 800 !important;
        padding: 20px 0 10px;
    }

    .study_content p {
        font-size: 15px;
        padding-bottom: 20px;
    }

    .case_btn_main {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .case_btn_main a {
        margin-right: 0;
        margin-bottom: 18px;
        padding: 13px 30px;
    }

    section.case-studies .row.pt-5 {
        padding-top: 30px !important;
    }

    /* titan page started */

    .titan_bnnr_sec {
        padding: 50px 0 50px;
    }

    .titan_bnnr_sec:before {
        background: #22242996;
    }

    .titan_head_main h1 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }

    .titan_head_main h5 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px 0 5px;
        line-height: 30px;
        text-align: center;
    }

    .titan_head_main p {
        padding-bottom: 10px;
        text-align: center;
    }

    .titan_about_text ul {
        justify-content: center;
    }

    .titan_about_text li {
        font-size: 16px;
    }

    .titan_about_text li:before {
        top: -2px;
    }

    .titan_about_text ul li:last-child {
        padding: 0;
    }

    section.feature_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    .feature_head h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .feature_head h3 span {
        font-weight: 800;
    }

    .feature_head p {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .feature_text h5 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .feature_text p {
        padding-bottom: 0px;
    }

    section.images_sec {
        padding: 0px 0 0px;
    }

    section.titan_about_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    section.titan_about_sec .feature_text {
        padding-bottom: 20px;
    }

    video#home-vid {
        width: 100% !important;
    }

    section.hightlight_sec {
        overflow-x: hidden;
    }

    section.hightlight_sec h2 {
        font-size: 40px;
        text-align: center;
        font-weight: 700;
        line-height: 45px;
    }

    section.hightlight_sec .feature_text {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    section.hightlight_sec .feature_text h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .blue_box {
        padding: 35px 25px 35px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .blue_box h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1em;
    }

    .blue_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .blue_box h3 span {
        font-size: 25px;
    }

    .black_box {
        padding: 35px 25px 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .black_box h3 {
        font-size: 23px;
        font-weight: 700;
        line-height: 1em;
    }

    .black_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* taco boss page started */

    #toco_banr_sec:before {
        background: #22242987;
    }

    #toco_feature {
        padding: 50px 0 50px;
    }

    #toco_images_sec {
        padding: 10px 0 10px;
    }

    section#toco_fourth_sec .feature_head h3 br {
        display: none;
    }

    section#toco_fourth_sec ul {
        margin-bottom: 20px;
        padding: 0;
    }

    section#toco_fourth_sec ul li {
        font-size: 14px;
        font-weight: 500;
        padding-left: 0px;
    }


    /* unique transport services pages started */

    section.unique_sec .titan_head_main h1 {
        font-size: 25px;
    }

    .unique_sec ul {
        display: block;
        text-align: center;
    }

    .unique_sec li::before {
        display: none;
    }

    .unique_sec li {
        padding-right: 0;
    }

    section#uniquefourth_sec p {
        text-align: center;
        font-size: 15px;
    }

    section#uniquefourth_sec ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    section#uniquefourth_sec li {
        width: 45%;
        text-align: center;
        padding-bottom: 13px;
    }

    section#uniquefourth_sec {
        padding-bottom: 0px;
    }

    section.explore_sec h2 {
        font-size: 40px;
    }

    .explore_sec {
        padding: 50px 0 100px;
    }

    .demo-mob img {
        width: 100% !important;
    }

    .demo-mob img:nth-child(2) {
        top: 54px !important;
        width: 50% !important;
    }

    iframe.iframe.iframe-browse {
        border-radius: 45px !important;
        top: 52px !important;
        width: 66% !important;
        height: 704px !important;
    }

    /* sporkit */
    section.color_sec h2 {
        font-size: 40px;
    }

    .app-colors-inner {
        flex-wrap: wrap;
    }

    .app-colors {
        margin-bottom: 20px !important;
    }

    section.color_sec {
        padding: 100px 0 50px;
    }

    /* jackle-daddy */
    #daddy_banr_sec img {
        display: none;
    }

    .option_box_main {
        margin-bottom: 10px;
        height: 230px;
    }

    .option_sec {
        padding: 100px 0 0px;
    }

    section.layout_screen h2 {
        font-size: 50px;
    }

    section.layout_screen img {
        margin: 15px auto;
        display: block;
        border-radius: 35px;
    }

    /* pravicy */

    .privacy_text h1 {
        font-size: 18px;
        text-align: center;
    }

    .privacy_text {
        text-align: center;
    }

    .privacy_text h2 {
        font-size: 18px;
    }



    /* .responsive_mobl {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    } */
    /* .responsive_mobl .ui-ux-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ui-ux-content {
        text-align: center;
        padding-bottom: 25px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ui-ux-content h2 {
        margin-top: 10px !important;
        font-size: 15px;
    }

    .ui-ux-content p {
        margin-top: 15px !IMPORTANT;
        font-size: 14px;
    }

    .ui-ux-content a {
        font-size: 18px;
    }
    .gallery.py-5 {
        padding: 0px !important;
    }
    .margiotopp {
        margin-top: 30px;
        padding-left: 0px !important;
    } */


}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .Website_Navbar_Header1 {
        margin-left: unset !important;
        margin-right: unset !important;
        overflow-x: hidden !important;
    }

    #myVideo {
        margin-top: -20px;
    }

    .marquee h1 {
        font-size: 20px;
        padding: 10px 0 0;
    }

    .set_Universal_Headings h2,
    .set_Universal_Headings h1 {
        font-size: 25px !important;
    }

    .Website_Navbar_Header1 .row {
        justify-content: space-between !important;
    }

    .website-logo {
        width: 100% !IMPORTANT;
    }

    .Website_Navbar_Header1 {
        padding: 0px 0 10px !IMPORTANT;
    }

    .lets-beggin {
        font-size: 15px !important;
    }

    .about-sec-2 .laptop p {
        font-size: 15px;
    }

    .phone a {
        font-size: 18px;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-content h1 {
        font-size: 30px;
    }

    .count-content h6 {
        font-size: 18px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .ui-ux-images figure img {
        width: 100%;
    }

    .phone {
        text-align: center;
        padding-bottom: 40px;
    }

    .btn-div {
        margin-top: 30px;
    }

    .count-boxes {
        margin: 0 !important;
    }

    .gal {
        column-count: 1;
    }

    .btn-classic a {
        font-size: 18px;
    }

    h5.card-title {
        padding: 0 !IMPORTANT;
    }

    .card-body {
        padding-top: 40px !important;
        height: 100%;
        padding-left: 0 !IMPORTANT;
    }

    .card-body span {
        font-size: 14px !important;
    }

    .btn-light {
        width: 90% !important;
        margin-left: 15px;
        font-size: 15px !important;
    }

    .set_Universal_Headings h1 {
        font-size: 20px !important;
    }

    .items {
        width: 100%;
        margin: 20px auto 0px;
    }

    .testimonial-inner .tour-desc {
        padding: 0px 12px 50px;
        text-align: center !important;
    }

    .tour-desc img {
        left: 0;
        right: 0;
        margin: auto;
    }

    .user-names {
        text-align: center;
        width: 100%;
    }


    .tour-text {
        font-size: 13px;
        font-weight: 300;
    }

    .mdl_con {
        top: 1%;
        max-width: 100% !important;
    }

    .popup-head h5 {
        font-size: 18px;
        font-weight: 400;
    }

    .popup-head h4 {
        font-size: 23px;
    }

    .popup-head {
        padding-bottom: 5px;
        padding-top: 20px;
    }

    form#banform input {
        padding: 10px 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .element.seprator {
        display: none;
    }

    .contact-info {
        margin-bottom: 20px;
        text-align: center;
    }

    .contact-info h6 {
        font-size: 20px
    }

    .contact-info a {
        font-size: 15px;
    }

    .ftr_4 {
        padding-top: 40px;
    }

    .top_modl {
        right: 6px;
        top: 6px;
        width: 30px;
        height: 30px;
    }

    .top_modl button {
        margin: 0px !important;
    }

    .tour-users {
        display: unset !important;
    }

    .contact-sec h4 {
        text-align: center;
    }

    .contact-sec h2 {
        text-align: center;
    }

    .contact-sec p {
        text-align: center;
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .customline::after {
        display: none;
    }

    .bvgklxx6 .pt-5 {
        padding-top: 12px !important;
    }

    .bvgklxx6 .ms-3 {
        margin: 0 !important;
    }

    .bvgklxx6 .btn-classic {
        margin: auto;
    }

    .customlinez::after {
        display: none;
    }

    .blur-filter-portfolio .btn-porfolio {
        margin: auto;
    }

    .portfolio-img img {
        height: 375px;
    }

    .footer-content p {
        width: 80%;
        margin: 0px auto 30px;
    }

    a#modal_bnt2 {
        width: 55%;
    }

    .toggle-menu {
        width: 25px;
    }

    #menu .main-nav {
        width: 100%;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, -112%);
    }

    .Logo-Image-Gallery img {
        object-fit: cover;
    }

    .logolist img {
        width: 85%;
        margin-bottom: 20px;
    }

    .logolist {
        text-align: center;
    }

    #menu {
        width: 100%;
    }

    #menu .main-nav a {
        font-size: 16px;
        padding: 3px 0;
        font-weight: 500;
    }

    .main-nav .navBorder {
        border-bottom: 2px solid #fff;
        padding-bottom: 25px;
    }

    .respon_pd {
        padding-top: 30px;
    }

    #particles-js {
        width: 100%;
    }

    #BgVideo {
        left: 0px;
        width: 100%;
    }

    .myrfsxxfd {
        padding: 0px 0px;
    }

    .laptop .mx-2 {
        margin: 0 !important;
    }

    .set_Universal_Headings h4 {
        font-size: 14px;
    }

    .slide-content {
        margin: 0px 0px;
    }

    .responsive_text {
        text-align: center;
        width: 100%;
    }

    .team-txt {
        padding: 0;
    }

    .first-ccc iframe {
        height: 100% !important;
    }

    .responsive_head_c {
        font-size: 20px !important;
        margin-top: 10px !important;
        letter-spacing: 1px;
    }

    .responsive_hero_sec {
        height: unset;
        padding-top: 140px;
    }

    .container-ccc .mt-5 {
        margin-top: 0 !important;
    }

    .responsive_con_btn input {
        width: 100%;
    }

    .News_Letter_Contact {
        height: unset;
        padding-bottom: 50px;
    }

    .respn_head {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .responsive_port_h h1 {
        font-size: 18px;
        padding: 0px !important;
        margin-top: 68px;
    }

    .Hero_Section_portfolio {
        height: 100% !important;
    }

    .responsive_port_h p {
        font-size: 14px;
        margin-top: 0px !important;
    }

    .Hero_Section-Img img {
        width: 100% !important;
        display: block !important;
        margin-top: 0% !important;
    }

    .Hero_Section-Img .m-5 {
        margin: 0rem !important;
    }

    .portfolio_images {
        margin: 0 0 20px;
        border-radius: 25px;
    }

    .workList {
        padding: 0;
    }

    .respon_head {
        font-size: 18px;
        font-weight: 600 !important;
    }

    .resp_head {
        text-align: center;
        font-size: 16px;
    }

    .respon_p {
        text-align: center;
    }

    .resp_img_arrow img {
        display: none !important;
    }

    .py-5.respn_line {
        padding: 0 !important;
    }



    /* about_page started */
    .respn_div10 h2 {
        margin-top: 8px !important;
        font-size: 18px;
        line-height: 25px;
    }

    .resp_h2 {
        font-size: 17px;
        margin-top: 0px !important;
        padding-bottom: 40px;
    }

    .respn_img_por .gallery {
        padding: 0 !important;
    }

    .respn_img_por .gal {
        padding: 0;
    }

    .respn_img_por {
        padding: 0;
    }

    .respn_img_por .team-txt {
        justify-content: left !IMPORTANT;
        padding-left: 70px;
    }

    .respn_team h2 {
        font-size: 28px;
        line-height: 18px;
    }

    .respn_team .team-txt img {
        display: none !important;
    }

    .responsive_mobl_our h2 {
        margin-top: 0 !important;
        font-size: 18px;
        padding-top: 10px;
    }

    .responsive_mobl_our h4 {
        padding: 0 !important;
    }

    .responsive_mobl_our p {
        margin: 20px 0 0 !important;
    }

    .responsive_mobl_our figure {
        margin: 0 !important;
        padding: 30px 0 0 !important;
    }

    .respon_letter h1 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .respon_letter {
        height: 100%;
        padding-top: 0 !important;
        padding-bottom: 30px;
        background-position: left center;
    }

    .TestiBlack {
        padding-top: 0px;
    }

    .footer_list ul {
        padding-left: 16px;
    }

    .responsive_conatct_bannr_sec {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/aboutbanner3.jpg) !important;
    }

    .respnsv_cntat_sec2 {
        padding: 0 15px;
    }

    .respnsv_cntat_sec2 .section2-ccc {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .respnsv_cntat_sec2 .section2-ccc .col2-ccc {
        width: 100%;
        padding: 0;
    }

    .respnsv_cntat_sec2 .sec2innercont-ccc {
        padding-top: 50px;
    }

    .respnsv_cntat_sec2 h4 {
        padding-left: 0 !important;
    }

    .ui-ux-content h2 {
        font-size: 20px;
        margin-top: 12px !important;
    }

    .repn_btn {
        display: flex;
        justify-content: center;
    }

    body .mt-5 {
        margin-top: 0 !important;
    }

    body .mb-5 {
        margin-bottom: 0 !important;
    }

    .service-sec {
        padding-top: 60px;
    }

    .graphicDesign {
        padding-top: 60px !important;
    }

    .digitalMarketing {
        padding-top: 60px !important;
    }

    .service-sec {
        padding-top: 0 !important;
    }

    .mega-pkg-bg .mega-pkg-head ul li button {
        letter-spacing: 0;
        font-size: 17px;
        font-weight: 500;
    }

    .mega-pkg-bg .pkg-details h6 {
        font-size: 18px;
        font-weight: 500 !important;
        text-align: center;
    }

    .pkg-details {
        flex-direction: column;
    }


    .pkg-details p {
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }

    .pkg-head-child-tab-content {
        padding: 30px 0 !important;
    }

    .pkg-details br {
        display: none;
    }

    .pkg-details-inner ul li {
        font-size: 14px;
        padding: 7px 0px;
    }

    .pkg-details-inner ul {
        padding: 0px 0px 20px 1px;
        width: 85%;
    }

    a#modal_bnt2_76gh {
        padding: 10px 75px;
        font-size: 16px;
        font-weight: 500;
    }


    /* portfolio page started */

    .responsive_port_h {
        height: 100% !IMPORTANT;
    }

    .responsive_port_h h1 {
        margin-top: 0;
    }

    .respon_port_bnr {
        box-shadow: #00000070 18px 18px 158px 158px inset;
        background-image: linear-gradient(rgb(0 0 0 / 66%), rgb(0 0 0 / 54%)), url(../images/portfolio_heroBG.png);
        background-position: center;
    }

    .respn_galrry-sec {
        padding-top: 40px;
    }

    .respn_port_tabs ul {
        display: flex !important;
        flex-wrap: wrap;
    }

    .respn_port_tabs .portfolio_tabs {
        width: 50%;
    }

    .respn_port_tabs .portfolio_tabs .text-reset {
        margin: 0 !important;
        padding-bottom: 10px;
    }

    /* blog page started */
    .res_main_h {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        align-items: center !important;
        padding-bottom: 20px;
    }

    .res_main_h p {
        width: 55% !important;
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    .res_main_h br {
        display: none;
    }

    .blogs_respons_sec {
        padding: 15px 0;
    }

    .blogs_respons_sec .respn_line {
        padding: 0 10px !IMPORTANT;
    }

    /* packages pages started */

    .respon_pckg_bnr .hero-content {
        height: 100%;
    }

    .respon_pckg_bnr {
        height: 100% !important;
        width: 100%;
    }

    .respon_pckg_bnr h1 {
        font-size: 25px;
        line-height: 0;
        text-align: center !important;
        padding-left: 15px;
    }

    .respon_pckg_bnr {
        padding-top: 20px;
    }

    .respon_pckg_bnr p {
        font-size: 15px;
    }

    .rs_pcak_prfice {
        font-size: 20px !IMPORTANT;
        font-weight: 500 !important;
    }

    .rs_pck_hd {
        font-size: 15px !important;
        text-align: center !important;
        width: 85%;
        margin: 0 auto 13px;
    }

    .resopn_slidr_pck .swiper-pagination {
        display: none;
    }

    /* logo page started */
    .res_logo_bnr {
        height: 100%;
    }

    .res_logo_bnr .hero-content {
        height: 100%;
    }

    .res_logo_bnr h1 {
        font-size: 22px;
        padding: 0 !important;
        text-transform: uppercase;
        line-height: 0;
    }

    .res_logo_bnr p {
        font-size: 15px;
        margin-bottom: 0;
    }

    .res_logo_bnr {
        padding-top: 25px;
    }

    .res_logo_bnr .Hero_Section-Img {
        padding: 0 !important;
        margin-top: 18px !IMPORTANT;
        margin-bottom: 10px !important;
    }

    .resp_logo_secd_sec h2 {
        font-size: 25px;
    }

    .resp_logo_secd_sec h5 {
        padding-top: 0px !important;
        font-size: 18px;
    }

    .resp_logo_secd_sec p {
        font-size: 14px;
    }

    .resp_logo_THIRD_sec {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .resp_logo_THIRD_sec h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .resp_logo_THIRD_sec p {
        font-size: 15px;
    }

    .resp_logo_four_sec {
        padding-top: 40px;
    }

    .resp_logo_four_sec h2 {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 500 !important;
    }

    .resp_logo_four_sec h2 br {
        display: none;
    }

    .resp_logo_four_sec p {
        font-size: 14px;
    }

    .resopn_slidr_pck.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 30% !important;
    }

    .respn_hr_sec hr {
        display: none;
    }

    .res_news_sec h1 {
        font-size: 18px;
        font-weight: 500 !IMPORTANT;
    }

    .res_news_sec {
        height: 100%;
        padding-top: 35px !IMPORTANT;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .News_Letter_Animation {
        height: 210px;
        padding-top: 35px !important;
        padding-bottom: 24px;
        margin-top: 25px;
    }

    .respns_nft {
        font-size: 20px !important;
    }

    section.unique_featur {
        padding: 100px 0 0;
    }

    section#uniquefourth_sec h3 {
        font-size: 25px;
        text-align: center;
    }

    section.unique_featur .para_uniq p {
        width: 100%;
        padding-bottom: 20px;
    }

    h2 {
        text-align: center;
    }

    .responsive-imglll_s2 {
        width: 100%;
    }

    .lets-begginlogo {
        font-size: 23px !important;
    }

    .respon_video_sec {
        padding-bottom: 0px;
    }

    .res_moble_h {
        line-height: 30px !important;
    }

    /* mobile app page started */
    .section-padding_s2 {
        margin-top: 0px !important;
    }

    section.case-studies h2 {
        font-size: 25px;
    }

    .image {
        text-align: center;
    }

    .study_content {
        text-align: center;
        padding-top: 40px;
    }

    .study_content img {
        width: 30%;
        border-radius: 15px;
    }

    .study_content h3 {
        font-size: 23px;
        font-weight: 800 !important;
        padding: 20px 0 10px;
    }

    .study_content p {
        font-size: 15px;
        padding-bottom: 20px;
    }

    .case_btn_main {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .case_btn_main a {
        margin-right: 0;
        margin-bottom: 18px;
        padding: 13px 30px;
    }

    section.case-studies .row.pt-5 {
        padding-top: 30px !important;
    }

    /* titan page started */

    .titan_bnnr_sec {
        padding: 50px 0 50px;
    }

    .titan_bnnr_sec:before {
        background: #22242996;
    }

    .titan_head_main h1 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }

    .titan_head_main h5 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px 0 5px;
        line-height: 30px;
        text-align: center;
    }

    .titan_head_main p {
        padding-bottom: 10px;
        text-align: center;
    }

    .titan_about_text ul {
        justify-content: center;
    }

    .titan_about_text li {
        font-size: 16px;
    }

    .titan_about_text li:before {
        top: -2px;
    }

    .titan_about_text ul li:last-child {
        padding: 0;
    }

    section.feature_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    .feature_head h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .feature_head h3 span {
        font-weight: 800;
    }

    .feature_head p {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .feature_text h5 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .feature_text p {
        padding-bottom: 0px;
    }

    section.images_sec {
        padding: 0px 0 0px;
    }

    section.titan_about_sec {
        padding: 50px 0 50px;
        text-align: center;
    }

    section.titan_about_sec .feature_text {
        padding-bottom: 20px;
    }

    video#home-vid {
        width: 100% !important;
    }

    section.hightlight_sec {
        overflow-x: hidden;
    }

    section.hightlight_sec h2 {
        font-size: 40px;
        text-align: center;
        font-weight: 700;
        line-height: 45px;
    }

    section.hightlight_sec .feature_text {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    section.hightlight_sec .feature_text h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .blue_box {
        padding: 35px 25px 35px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .blue_box h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1em;
    }

    .blue_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .blue_box h3 span {
        font-size: 25px;
    }

    .black_box {
        padding: 35px 25px 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .black_box h3 {
        font-size: 23px;
        font-weight: 700;
        line-height: 1em;
    }

    .black_box p {
        margin-top: 15px;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* taco boss page started */

    #toco_banr_sec:before {
        background: #22242987;
    }

    #toco_feature {
        padding: 50px 0 50px;
    }

    #toco_images_sec {
        padding: 10px 0 10px;
    }

    section#toco_fourth_sec .feature_head h3 br {
        display: none;
    }

    section#toco_fourth_sec ul {
        margin-bottom: 20px;
        padding: 0;
    }

    section#toco_fourth_sec ul li {
        font-size: 14px;
        font-weight: 500;
        padding-left: 0px;
    }


    /* unique transport services pages started */

    section.unique_sec .titan_head_main h1 {
        font-size: 25px;
    }

    .unique_sec ul {
        display: block;
        text-align: center;
    }

    .unique_sec li::before {
        display: none;
    }

    .unique_sec li {
        padding-right: 0;
    }

    section#uniquefourth_sec p {
        text-align: center;
        font-size: 15px;
    }

    section#uniquefourth_sec ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    section#uniquefourth_sec li {
        width: 45%;
        text-align: center;
        padding-bottom: 13px;
    }

    section#uniquefourth_sec {
        padding-bottom: 0px;
    }

    section.explore_sec h2 {
        font-size: 40px;
    }

    .explore_sec {
        padding: 50px 0 50px;
    }

    .demo-mob img {
        width: 100% !important;
    }

    .demo-mob img:nth-child(2) {
        top: 35px !important;
        width: 50% !important;
    }

    iframe.iframe.iframe-browse {
        border-radius: 25px !important;
        top: 35px !important;
        width: 69% !important;
        height: 400px !important;
    }

    /* sporkit */
    section.color_sec h2 {
        font-size: 40px;
    }

    .app-colors-inner {
        flex-direction: column;
    }

    .app-colors {
        margin-bottom: 20px !important;
    }

    section.color_sec {
        padding: 100px 0 50px;
    }

    /* jackle-daddy */
    .option_box_main {
        margin-bottom: 10px;
    }

    .option_sec {
        padding: 100px 0 0px;
    }

    section.layout_screen h2 {
        font-size: 50px;
    }

    section.layout_screen img {
        margin: 30px 0px;
    }

    /* pravicy */

    .privacy_text h1 {
        font-size: 18px;
        text-align: center;
    }

    .privacy_text {
        text-align: center;
    }

    .privacy_text h2 {
        font-size: 18px;
    }



    /* .responsive_mobl {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    } */
    /* .responsive_mobl .ui-ux-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ui-ux-content {
        text-align: center;
        padding-bottom: 25px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ui-ux-content h2 {
        margin-top: 10px !important;
        font-size: 15px;
    }

    .ui-ux-content p {
        margin-top: 15px !IMPORTANT;
        font-size: 14px;
    }

    .ui-ux-content a {
        font-size: 18px;
    }
    .gallery.py-5 {
        padding: 0px !important;
    }
    .margiotopp {
        margin-top: 30px;
        padding-left: 0px !important;
    } */


}

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