@media screen and (max-width: 1440px){
.custom-container {
    padding: 0px 70px;
}
.mainbanner-cont {
    top: 55%;
    width: 540px;
}
a.vc_goDown, a.vc_goUp{
    left: -55px;
}
}

@media screen and (max-width: 1280px){
.main-logo img {
    width: 130px;
}
ul.navbar-nav.main-navbar li {
    margin-right: 10px;
}
ul.navbar-nav.main-navbar li a {
    font-size: 14px;
}
.dis2 img {
    width: 75%;
}
.right-casestudy p {
    width: 100%;
}
section.case-study {
    background: url(../images/bg03.png) no-repeat;
    background-size: 23% 28%;
    background-position: right bottom;
}
}


@media screen and (max-width: 1024px){
.custom-container {
    padding: 0px 30px;
}
ul.navbar-nav.main-navbar li a.nav-link {
padding-right: 3px;
padding-left: 3px;
}
.how-use h5 {
    font: normal normal normal 60px/30px Josefin Sans;
}
.dis2 img {
    width: 55%;
}
.right-casestudy h5 {
    font: normal normal normal 80px Josefin Sans;
    letter-spacing: 0px;
}
section.case-study {
    background-size: 23% 30%;
}
.cover-tbscont.p-5 {
    padding-bottom: 0px !important;
}
.cover-whatdo p {
    text-align: justify;
}
.small-icons h3 {
    font: normal normal 600 13px/15px Open Sans;
}
.tap-img img {
    display: none;
    width: 100%;
}
section.what-we {
    background-position: top;
}
.overlay{
    padding: 20px 10px;
}
.overlay h2 {
    font: normal normal 600 16px Josefin Sans;
    margin-bottom: 5px;
}
.overlay a {
    font: normal normal normal 12px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 5px;
}
.overlay p {
    font: normal normal normal 14px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 8px;
}
.cover-aboutbanner h1 {
    font: normal normal 600 28px/40px Josefin Sans;
}
.cover-aboutbanner p {
    max-width: 100%;
    margin: 20px auto;
}
ul.navbar-nav.main-navbar li a {
    font-size: 13px;
}
.breadcum li a {
    font: normal normal normal 16px/24px Josefin Sans;
}
.main-logo img {
    width: 120px;
}
.it-services h6 {
    font: normal 600 20px/30px Josefin Sans;
    margin-bottom: 15px;
}
.relibty p {
    font: normal normal normal 16px/26px Open Sans;
}
.guidline p {
    font: normal normal 14px/26px Open Sans;
}
.factor-auth h4 {
    margin: 10px 0px;
}
.excel h3 {
    font: normal normal normal 22px/34px Josefin Sans;
}
.excel p {
    font: normal normal normal 16px/30px Open Sans;
}
ul.management-it li {
    padding-left: 35px;
}
ul.management-it li:after {
    font-size: 18px;
}
ul.management-it li p {
    font: normal normal 14px/30px Open Sans;
    width: 100%;
    margin-bottom: 5px;
}
section.wallet-two.py-5 {
    padding: 30px 0px 0px !important;
}
section.whaite-ico3.py-5{
    padding: 30px 0px !important;
}
.rotate-icon[aria-expanded="true"]::before, .rotate-icon[aria-expanded="false"]::before {
    font-size: 14px;
    margin-top: -5px;
    top: 15px;
    background: #ffffff1a;
    width: 31px;
    height: 31px;
    line-height: 31px;
}
.cover-faq .card-header button.btn.btn-link {
    font: normal normal normal 16px/30px Open Sans;
}
.cover-faq .card .card-body p {
    font: normal normal normal 15px/30px Open Sans;
}
section.contact.py-5 {
    padding: 30px 0px !important;
}
.faster p {
    font: normal normal normal 16px/34px Open Sans;
}
.faster h5 {
    font: normal bold 24px/45px Open Sans;
}
.mainbanner-cont {
    width: 500px;
}
.mainbanner img {
    height: 36vh;
}
.mainbanner-cont h3 {
    font-size: 24px;
    line-height: 36px;
}
.mainbanner-cont p {
    font-size: 16px;
}
.services-icons img {
    width: 85px;
    height: 75px;
}
.services-icons p {
    min-height: 125px;
    margin-bottom: 10px;
}
.services-icons h6 {
    min-height: 56px;
}
.services-icons h6.my-3{
    margin-bottom: 0px !important;
}
.small-icons {
    width: 100%;
}
h5.main-portfolio {
    font: normal normal 60px Josefin Sans;
    letter-spacing: 1px;
    margin-top: 25px;
}
.smm-cont h5 {
    font: normal 600 16px Open Sans;
}
.test-slidercontant {
    width: 80%;
    margin: 0px auto;
}
section.branding.py-5 {
    padding: 30px 0px !important;
}
.brand-img img {
    width: 70% !important;
    margin: 0 auto;
    height: 120px;
    object-fit: cover;
}
.high-tech p:last-child{
    margin-bottom: 0px;
}
.high-tech.mb-5.mt-2 {
    margin-bottom: 0px !important;
}
.high-tech p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.card-cont h4 {
    font: normal 600 17px/22px Josefin Sans;
}
section.about-card .card {
    padding-top: 20px;
    height: 100%;
}
.card-cont p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
    padding: 0px 15px;
    line-height: 26px;
}
section.about-card{
    padding: 20px 0px;
}
.five-icons ul li a h5 {
    font: normal bold 30px/40px Open Sans;
    margin-top: 15px;
}
.five-icons ul li a p {
    font: normal normal 16px/26px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 0px;
}
.run-all h6 {
    font: normal 600 18px/30px Josefin Sans;
}
.run-all p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.social1 img {
    width: 100%;
}
section.about-five.py-5 {
    padding: 30px 0px !important;
}
section.about-first.py-5 {
    padding: 30px 0px !important;
}
section.about-second.py-5 {
    padding: 30px 0px !important;
}
section.about-four.py-5 {
    padding: 30px 0px !important;
}
section.about-three.py-5 {
    padding: 30px 0px !important;
}
section.about-card.py-5{
    padding: 30px 0px !important;
}
section.whaite-ico2.py-5{
    padding: 30px 0px !important;
}
section.wallet-one.py-5 {
    padding: 30px 0px 0px 0px !important;
}
section.wallet-two.pb-5{
    padding: 30px 0px !important;
}
section.wallet-three.py-5{
    padding: 30px 0px !important;
}
section.world-web.py-5 {
    padding: 30px 0px !important;
}
.launch-ico p {
    font: normal normal 14px/24px Open Sans;
    letter-spacing: 0px;
}
.guidline h6 {
    font: normal 600 18px/26px Josefin Sans;
}
section.world-web .donec h4 {
    width: 100%;
}
section.wallet-three .donec h4 {
    width: 100%;
}
.donec h4 {
    font: normal 300 26px/36px Josefin Sans;
}
section.world-web .donec p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.pre-sale p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
h5.single-heading {
    font: normal 600 14px/24px Josefin Sans;
}
section.whaite-ico1.py-5{
    padding: 30px 0px 0px 0px !important;
}
section.categories.py-5{
    padding: 30px 0px !important;
}
.hire-media h5 {
    font: normal bold 16px/36px Open Sans;
}
section.web-netwoktwo.py-5 {
    padding: 30px 0px !important;
}
section.web-netwokone.py-5{
    padding: 30px 0px !important;
}
section.wallet-one.py-5{
    padding: 30px 0px !important;
}
section.py-5{
    padding: 30px 0px !important;
}
.hire-media p {
    font: normal normal 16px/30px Open Sans;
    margin-bottom: 10px;
}
ul.ranking li h2 {
    font: normal 600 14px/26px Open Sans;
}
}
@media screen and (max-width: 768px){
.hire-media p {
    font: normal normal 14px/28px Open Sans;
    letter-spacing: 0px;
}
.hire-media h5 {
    letter-spacing: 0px;
}
.relibty p {
    font: normal normal 14px/26px Open Sans;
}
.limited-list h3 {
    font: normal 600 18px/28px Josefin Sans;
    width: 100%;
}
.donec h4 {
    font: normal 300 22px/34px Josefin Sans;
    letter-spacing: 0px;
}
section.wallet-three .donec h4 span {
    font: normal 600 22px/30px Josefin Sans;
}
section.wallet-three .donec p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
header {
    position: static;
    background: black;
}

 .custom-container {
    padding: 0px 15px;
}
.mainbanner img {
    height: 100%;
}
span.navbar-toggler-icon:after {
    content: '';
    position: absolute;
    width: 26px;
    left: -1px;
    height: 1px;
    border: 1px solid #fff;
    top: -10px;
}
span.navbar-toggler-icon:before {
    content: '';
    position: absolute;
    width: 26px;
    left: -1px;
    height: 1px;
    border: 1px solid #fff;
    bottom: -10px;
    transition: width 2s;
}
span.navbar-toggler-icon {
    border: 1px solid #fff;
    height: 1px;
    width: 26px;
    position: relative;
}
header.active span.navbar-toggler-icon, header.active span.navbar-toggler-icon:after,header.active span.navbar-toggler-icon:before {
    border: 1px solid #644394;
}
button:focus.navbar-toggler{
    outline: none;
}
.navbar-collapse.collapse:not(.show) {
    display: block;
}
div#navbarSupportedContent {
    top: 0px;
    position: fixed;
    z-index: 9999;
    overflow-x: hidden;
    transition: .3s ease-in-out;
    width: 360px;
    right: -360px;
    height: 100%;
    padding: 30px 35px;
    background: #34205e;
}
body.show div#navbarSupportedContent {
    right: 0px;
}
body.show .close-icon {
    display: block;
    z-index: 999999;
    position: relative;
    color: #fff;
}
.close-icon span {
    position: absolute;
    top: -30px;
    cursor: pointer;
    font-size: 20px;
    right: -10px;
}
header.active ul.navbar-nav.main-navbar li a.nav-link {
    color: #fff;
}
.cover-aboutbanner h1 {
    font: normal 600 20px/32px Josefin Sans;
}
.cover-aboutbanner p {
    font: normal 300 16px/26px Josefin Sans;
    margin: 0px auto;
}
.breadcum li a {
    font: normal normal 14px/20px Josefin Sans;
}
section.comman-banner {
    height: 200px;
    background-size: 100% 100%;
}
.types-design li {
    width: calc(33% - 20px);
    margin-bottom: 25px;
}
.excel h3 {
    font: normal normal 18px/30px Josefin Sans;
}
.excel p {
    font: normal normal 14px/26px Open Sans;
}
ul.management-it li h4 {
    font: normal 600 16px/26px Open Sans;
}
ul.management-it li p {
    font: normal normal 14px/26px Open Sans;
}
section.whaite-ico3.py-5 {
    padding: 20px 0px !important;
}
section.wallet-two.py-5 {
    padding: 20px 0px 0px !important;
}
.excel.text-center.mb-5 {
    margin-bottom: 30px !important;
}
.main-footer {
    padding: 40px 0px;
}
.footer-haeding {
    margin-bottom: 20px;
}
section.web-developmentbanner {
    height: 300px;
}
.it-services h6 {
    font: normal 600 22px/30px Josefin Sans;
}
ul.ranking li h5 {
    font: normal 600 14px/30px Open Sans;
}
ul.ranking li p {
    margin-left: 15px;
    font: normal normal normal 14px/26px Open Sans;
}

.cover-webtabs {
    max-width: 100%;
}
.cover-webtabs ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.cover-webtabs .nav-tabs .nav-item {
    width: 100%;
}
.custom-grid li {
    width: calc(33.33% - 0px);
}
ul.custom-grid{
    justify-content: flex-start !important;
}
.cover-tbscont.p-5 .row{
    align-items: center;
}
.right-tbsimg img {
    width: 100%;
}
.right-casestudy h5 {
    font: normal normal 60px Josefin Sans;
}
.right-casestudy p {
    font: normal normal normal 14px Open Sans;
    line-height: 24px;
}
.dis2 {
    bottom: -65px;
}
.right-casestudy h6 {
    font: normal 400 22px/32px Josefin Sans;
}
section.whaite-ico1.py-5{
    padding: 20px 0px 0px 0px !important;
}
section.categories.py-5{
    padding: 20px 0px !important;
}
section.about-five.py-5 {
    padding: 20px 0px !important;
}
section.about-first.py-5 {
    padding: 10px 0px !important;
}
section.about-second.py-5 {
    padding: 20px 0px !important;
}
section.about-four.py-5 {
    padding: 20px 0px !important;
}
section.about-three.py-5 {
    padding: 20px 0px !important;
}
section.wallet-one.py-5 {
    padding: 20px 0px 0px 0px !important;
}
section.wallet-two.pb-5{
    padding: 20px 0px !important;
}
section.wallet-three.py-5{
    padding: 20px 0px !important;
}
section.contact.py-5 {
    padding: 20px 0px !important;
}
section.world-web.py-5 {
    padding: 20px 0px !important;
}
section.web-netwoktwo.py-5 {
    padding: 20px 0px !important;
}
section.web-netwokone.py-5{
    padding: 20px 0px !important;
}
section.wallet-one.py-5{
    padding: 20px 0px !important;
}
section.py-5{
    padding: 20px 0px 0px 0px !important;
}
.our-services p {
    font: normal normal 14px/10px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 35px !important;
}
.test-cont p {
    font: normal normal 14px/28px Open Sans;
}
.mix-social img {
    width: 50%;
}
.mix-social {
    text-align: center;
    margin-bottom: 15px;
}
.contant-one p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.contant-one h6 {
    font: normal 600 20px/30px Josefin Sans;
}
.liner-two,.liner-one{
    padding: 15px;
}
ul.management-it li {
    padding-left: 30px;
}
ul.management-it li h4 {
    font: normal 600 14px/20px Open Sans;
}
ul.management-it li:after {
    font-size: 15px;
}
section.token-two .donec p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
section.token-one .excel p {
    width: 100%;
    margin: auto;
}
section.web-designthree .donec p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 10px !important;
}
.donec h5 {
    font: normal 400 16px/30px Josefin Sans;
    margin-bottom: 10px !important;
}
h6.heading-comman {
    font: normal 600 16px/28px Josefin Sans;
    margin-top: 0px !important;
}
ul.path.list-unstyled.mb-0.d-flex.align-items-center.flex-wrap.mt-4 {
    margin-top: 20px !important;
}
ul.path li {
    margin-right: 0px;
    margin-bottom: 30px;
    width: 33.333%;
}
.aftr p {
    font: normal normal 14px/30px Open Sans;
    letter-spacing: 0px;
}
section.fill {
    padding: 20px 0px;
    background-position: center;
}
.main-overlay img {
    height: 200px;
}
.html-gif {
    margin-top: 0px;
}
section.so-imart{
    padding: 20px 0px;
}
}
@media screen and (max-width: 425px){
ul.path li {
    margin-bottom: 20px;
    width: 50%;
}
.social2 img {
    width: 84%;
    height: 100%;
    object-fit: cover;
}
.social2 {
    text-align: center;
    margin-bottom: 20px;
}
section.whaite-ico1.py-5 .col-md-4{
    order: 2;
}
.right-gif {
    margin-bottom: 20px;
}
.five-icons ul li {
    margin-bottom: 10px;
    width: 50%;
}
section.whaite-ico1.py-5{
    padding: 20px 0px 0px  0px !important;
}
.custom-grid li{
    width: 100%;
}   

h5.main-portfolio,
.right-casestudy h5 {
    font: normal normal 35px Josefin Sans;
}
.mainbanner-cont{
    width: 100%;
    left: 0;
    padding: 0 20px;
    top: 50%;
}
.mainbanner-cont h4{
    font-size: 14px;
    margin-bottom: 16px;
}
.mainbanner-cont h3{
    font-size: 18px;
    line-height: 22px;
}

.mainbanner-cont p {
    font-size: 12px;
    margin-bottom: 10px;
}

.footer-haeding h3 {
    text-align: center;
}
.socil-links.d-flex.align-items-center.flex-wrap.justify-content-end {
    justify-content: center !important;
}
.glass img {
    width: 145px;
    height: 48px;
    object-fit: cover;
}
.glass {
    display: flex !important;
    align-items: center;
}
.glass a{
    margin-right: 20px;
}
.main-footer {
    padding: 30px 0px 10px 0px;
}
.cover-aboutbanner h1 {
    font: normal 600 16px/28px Josefin Sans;
}
.cover-aboutbanner.text-center {
    width: 90%;
    margin: auto;
}
.it-services h6 {
    font: normal 600 20px/28px Josefin Sans;
}
.relibty p {
    font: normal normal 14px/26px Open Sans;
}
.types-design li {
    width: calc(50% - 20px);
}
section.wallet-two .excel h3 {
    font: normal 300 16px/26px Josefin Sans;
}
section.wallet-two .excel p {
    font: normal normal 14px/26px Open Sans;
}
.cover-faq .card-header {
    padding: 0px;
}
.cover-faq .card-header button.btn.btn-link {
    font: normal normal 12px/20px Open Sans;
    padding: 15px 5px;
}
.rotate-icon[aria-expanded="true"]::before, .rotate-icon[aria-expanded="false"]::before {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 10px;
    top: 16px;
}
section.contact {
    background-image: none;
}
.guidline p {
    font: normal normal normal 14px/26px Open Sans;
}
.images-more2 {
    margin-bottom: 15px;
}
.guidline p.mb-4 {
    margin-bottom: 15px !important;
}
ul.ranking.ranking2 li {
    margin-bottom: 0px;
}
ul.ranking li h2 {
    font: normal normal 600 14px/30px Open Sans;
}
.netwk img {
    width: 100%;
    height: 170px;
}
section.cms-one.py-5 {
    padding: 20px 0px !important;
}
.faster h5 {
    font: normal bold 20px/30px Open Sans;
}
.faster p {
    font: normal normal 14px/26px Open Sans;
}
.btn-lets {
    font: normal normal normal 16px/30px Open Sans;
}
section.cms-two.pt-5 {
    padding-top: 30px !important;
}
.our-services p {
    font: normal normal 14px/26px Open Sans;
    margin-bottom: 10px !important;
}
.our-services p.mb-5 {
    margin-bottom: 20px !important;
}
.box h6 {
    font: normal 600 16px/24px Open Sans;
    margin: 10px 0px;
}
.box.rounded.border.text-center.p-4 {
    padding: 15px !important;
}
.two-btn {
    width: 90%;
}
.services-icons h6 {
    min-height: auto;
}
.services-icons h6.my-3 {
    margin-bottom: 10px !important;
}
.services-icons p {
    min-height: auto;
    margin-bottom: 10px;
}
.cover-whatdo h5 {
    font: normal 400 18px/24px Josefin Sans;
}
.cover-whatdo p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.small-icons {
    text-align: center;
}
.cover-tabs .nav-tabs li .nav-link {
    font: normal normal 14px/10px Josefin Sans;
}
.cover-tbscont.p-5 {
    padding: 30px 20px !important;
}
.cover-tbscont .cover-whatdo p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
section.expert-section .our-services p.double-paira {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
section.expert-section .our-services p {
    font: normal normal 16px/28px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.ecard-img img {
    width: 88px;
}
.brandcard h4 {
    font: normal 300 20px/28px Josefin Sans;
}
.cover-webtabs .nav-tabs .nav-link {
    font: 14px Josefin Sans;
}
.test-cont p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.test-pic {
    width: 140px;
    height: 140px;
}
.test-main {
    width: 120px;
    padding: 20px;
}
.high-tech p {
    font: normal normal 14px/28px Open Sans;
    letter-spacing: 0px;
}
section.about-card .card {
    padding-top: 20px;
}
.card-cont p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
    padding: 0px 20px;
    line-height: 26px;
    margin-bottom: 10px !important
}
.card-cont h4 {
    font: normal 600 20px/30px Josefin Sans;
    color: #000000;
}

.donec h4 {
    font: normal 300 20px/30px Josefin Sans;
    letter-spacing: 0px;
}
.donec p {
    font: normal normal 14px/28px Open Sans;
    letter-spacing: 0px;
    margin-bottom: 0px;
}
.five-icons ul li a h5 {
    font: normal bold 35px/40px Open Sans;
    margin-top: 10px;
}
.five-icons ul li a p {
    font: normal normal 16px/28px Open Sans;
    letter-spacing: 0px;
}

.run-all h6 {
    font: normal 600 20px/30px Josefin Sans;
}
.run-all p {
    font: normal normal 14px/28px Open Sans;
    letter-spacing: 0px;
}
.social1{
    text-align: center;
}
section.testomonial.py-5{
    padding: 20px 0px !important;
}
.commannav-slider .owl-nav button.owl-prev {
    left: 0px;
}
.commannav-slider .owl-nav button.owl-next {
    right: 0px;
}
.mob-conts p{
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
.icon-contant.d-flex{
    align-items: center;
}
.contant-one h6 {
    font: normal 600 16px Josefin Sans;
    line-height: 28px;
}
.right-contcontact {
    margin-top: 20px;
}
p.mt-4 {
    margin-top: 10px !important;
}
section.token-two {
    height: 400px;
    padding: 20px 0px;
    background-position: right;
}
ul.ranking li {
    padding-left: 15px;
    margin-bottom: 10px;
}
ul.ranking li p {
    margin-left: 5px;
    font: normal normal normal 12px/22px Open Sans;
    max-width: calc(80% - 5px);
    flex: 0 0 calc(80% - 5px);
}
ul.ranking li h5 {
    font: normal 600 12px/24px Open Sans;
    max-width: 20%;
    flex: 0 0 20%;
}
ul.path.list-unstyled.mb-0.d-flex.align-items-center.flex-wrap.mt-4 {
    margin-top: 15px !important;
}
.packeg-smo p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
}
.packeg-smo h4 {
    font-size: 18px;
    line-height: 26px;
}
section.py-5 .row .col-md-5 .text-center img.w-100 {
    margin-bottom: 15px;
}
img.w-75 {
    width: 100% !important;
}
section.pb-5 {
    padding-bottom: 20px !important;
}
ul.post.list-unstyled.mb-0 {
    padding-left: 15px;
    margin-top: 10px;
}
ul.post li:before {
    left: 15px;
}
ul.post li {
    font: normal 600 14px/30px Open Sans;
    padding-left: 10px;
    margin-bottom: 10px !important;
}
.html-gif {
    margin-bottom: 20px;
}
.guidline p.mb-5 {
    margin: 10px 0px !important;
}
.b2b p {
    font: normal normal 14px/26px Open Sans;
    letter-spacing: 0px;
}
section.web-ecommerce {
    padding: 25px 0px;
}
.email img{
    width: 100%;
}
}
