@media screen and (min-width:500px) and (max-width:540px) {
    #tabSection:before {
    height:477px !important
}
.box-location {
    width:25%!important
}
}
@media screen and (max-width:767px) {

    .package-section #filterOptions{
        overflow: auto;
        justify-content: center;
    }

    .package-section #filterOptions .websitepack {
        margin-left: -36px;
    }


    .package-section #filterOptions li{
        margin: 10px 13px;
    }

    .package-section #filterOptions li.active::after{ 
        width: 60px;
    }



    header {    padding: 10px 0 !important;}
    header .container-fluid{padding: 0 15px !important}
    header .web_btn ul li{display: none;}
/*    header.stickyheader{display: none;}*/
    .aboutpage .mobile-nav-btn span{background-color: #d93a38;}
    .aboutpage .mobile-nav-btn span:before{background-color: #d93a38;}
    .aboutpage .mobile-nav-btn span:after{background-color: #d93a38;}
    div#ContactTeamModal .modal-dialog {
    transform:initial;
    top:30px
}
div#ContactTeamModal .modal-content .form-control {
    height:34px
}
.small-arrow {
    width:10px
}
section.agency-partner-section .browse-ul li a {
    font-size:11px;
    margin:0 8px  0px 0px;
    padding:8px 15px
}
section.agency-partner-section .red-change-btn {
    padding:10px 34px;
    font-size:.81rem
}
div#ContactTeamModal .modal-dialog {
    transform:initial
}
.agency-list-item .btnRed-bg {
    font-size:.68rem;
    padding:6px 20px;
    position:absolute;
    top:40px;
    right:10px
}
.agency-list-item .card-body {
    padding:0px 0px 0px 0px
}
.starBox.m-auto svg.bi.bi-star-fill {
    width:12px
}
.agency-list-item .starBox.m-auto {
    column-gap:2px;
    justify-content:start
}
form#contact-form13 .red-change-btn {
    padding:10px 38px;
    font-size:.85rem
}
.popupbtn {
    top:initial;
    z-index:1;
    -webkit-transform:initial;
    -ms-transform:initial;
    transform:initial;
    -webkit-transform-origin:initial;
    -ms-transform-origin:top right;
    transform-origin:initial;
    border-radius:0;
    letter-spacing:1px;
    border-radius:0px;
    padding:8px 20px;
    bottom:0px;
    width:100%;
    text-align:center;
    left:50%;
    transform:translate(-50%,0)
}
li.navdropdown ul.nav-dropdown.sub-menu li a {
    font-size:12.8px!important
}
.col-lg-new {
    padding:0px 4px
}
.menuList .btnRed-bg, .menuList .btnRed-bg > a {
    font-size:1rem;
    padding:6px 26px
}
.copyText {
    font-size:12px
}
.copyText {
    text-align:center
}
.copyright .footer-list li:after {
    right:0px;
    height:12px;
    top:50%;
    transform:translate(0,-50%)
}
.copyright .footer-list li:nth-child(4):after, .copyright .footer-list li:nth-child(7):after {
    content:none
}
.copyright .footer-list li a {
    line-height:16px;
    font-size:12px
}
.copyright .footer-list {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    padding:0px
}
.copyright .footer-list li {
    margin-left:0px;
    position:relative;
    width:25%!important;
    text-align:center;
    margin-bottom:12px
}
.box-location {
    flex:initial;
    width:33.3%
}
ul.site-vist1 li {
    width:100%
}
.address-sec .sectionDescription {
    font-size:1.3rem;
    font-weight:600
}
#footer .widget-title {
    margin-top:23px
}
.locate-btn {
    padding:5px 33px !important
}
.back-to-top {
    bottom:8px
}
.homebanner:after {
    height: 90vh !important;
}
ul.ticklist.blacktick {
    padding:0px 0px 0px 12px
}
ul.ticklist.blacktick:after {
    content:none
}
.services_list ul.list-unstyled {
    justify-content:center!important;
    padding:8px 0px
}
.clients-logo4 {
    height:76px
}
.clients-logo4 img {
    width:72px
}
.video-section2 video {
    width:100%;
    border-radius:0px
}
.form-control {
    color:#000 !important;
    border:1px solid #c0c0c0 !important
}
.callNow {
    font-size:18px;
    line-height:24px
}
.socialLink a {
    font-size:15px;
    margin-right:2px;
    width:30px;
    height:30px;
    line-height:15px;
    padding:7px 0
}
.footer-links img.white-logo {
    width:144px;
    display:block;
    margin-top:22px !important
}
/*#JDDPageid-5 .call-toggle img,
    #JDDPageid-5 .msg-toggle img,
    #header.header-scrolled .call-toggle img,
    #header.header-scrolled .msg-toggle img {
    filter:invert(0)
}*/
/*#header .get-started-btn {
    display:none
}*/
#testimonialFull .carousel-inner {
    padding:10px 0 40px
}
.redboxTxt .boxHeading {
    font-size:1.1rem;
    line-height:1.3rem
}
.redboxTxt .sectionDescription {
    line-height:1.2rem;
    font-size:0.95em;
    margin-bottom:0
}
.industries_list a,
    section.section.location_list a {
    font-size:0.91rem;
    font-weight:600;
    line-height:1.1rem;
    display:block;
    margin-bottom:14px
}
.partner-right a {
    margin-right:4px !important
}
.auditSeo3 .img-fluid {
    width:285px
}
.first-box-left {
    margin-left:0;
    padding:18px 28px
}
.stripSection img.img-fluid {
    width:98px
}
.mobileStripCall {
    position:fixed;
    bottom:0;
    background:#fff;
    width:100%;
    z-index:111111;
    box-shadow:-4px -2px 4px rgb(0 0 0 / 29%)
}
.testimonialBrand {
    flex-flow:column-reverse
}
/*#header .logo img {
    width:108px
}*/
.modal.show .modal-dialog {
    max-width: 90%;
    margin: 0 auto;
}
.get-started-btn {
    padding:6px 22px;
    font-size:10px
}
#tabSection .tabcontent ul li {
    width:100%
}
#tabSection .tabcontent {
    padding:0 10px
}
.sectionDescription,
    div#cke_pastebin,
    p,
    ul li {
    line-height:1.3rem;
    font-size:1rem
}
section {
    padding-top:40px;
    padding-bottom:40px
}
section#homesec-5 {
    padding-top:40px !important;
    padding-bottom:40px !important
}
.sectionSubDescription {
    font-size:0.98rem;
    line-height:1.2rem
}
.sliderSubHeading {
    font-weight:500;
    font-size:1rem;
    line-height:1.3rem
}
.sectionHeading,
    .sectionHeading2 {
    font-size:1.2rem;
    line-height:1.6rem
}
.sliderHeading {
    font-size:1.32rem;
    line-height:1.68rem
}
.scrolbx {
    width:100%;
    float:left;
    overflow-x:scroll;
    min-width:100%;
    display:block;
    overflow-y:hidden;
    height:269px
}
.scrolwidth {
    overflow:hidden;
    min-width:max-content
}
.scrolbox {
    width:280px !important;
    float:left !important;
    margin-top:0 !important
}
}
@media screen and (max-width:992px) {
    .mobileStripCall, .msg-toggle {
    display:none !important
}
#JDDPageid-400 .call-toggle img, #JDDPageid-400 .msg-toggle img,
    #JDDPageid-276 .call-toggle img, #JDDPageid-276 .msg-toggle img,
    #JDDPageid-263 .call-toggle img, #JDDPageid-263 .msg-toggle img,
    #JDDPageid-31 .call-toggle img, #JDDPageid-31 .msg-toggle img,
    #JDDPageid-33 .call-toggle img, #JDDPageid-33 .msg-toggle img {
    width:22px;
    margin:0 12px;
    filter:initial;
    position:relative;
    left:-43px
}
#JDDPageid-400 .nav-toggle::before,
    #JDDPageid-276 .nav-toggle::before,
    #JDDPageid-263 .nav-toggle::before,
    #JDDPageid-31 .nav-toggle::before,
    #JDDPageid-33 .nav-toggle::before {
    background-color:#000;
    box-shadow:0 0.5em 0 0 #000, 0 1em 0 0 #000
}
#JDDPageid-11 .nav-toggle::before {
    background-color:#ffffff;
    box-shadow:0 0.5em 0 0 #fff, 0 1em 0 0 #fff
}
.nav-menu > li > a,
    .sidenav > a {
    text-decoration:none;
    display:block
}
.mob-menu ul.nav-dropdown.sub-menu li a,
    .nav-dropdown > li > a,
    .nav-menu > li > a {
    color:#fff !important
}
/*.nav-header {
    display:flex;
    align-items:center;
    float:left
}*/
.sliderSubHeading {
    font-weight:500
}
.ri-arrow-drop-down-line:before {
    content:"▼";
    font-size:12px;
    color:#fff;
    text-align:center;
    line-height:22px;
    width:10px;
    height:10px
}
nav.navbar.navbar-expand-sm.navbar-dark.fixed-top.active .nav-toggle {
    background:#696969
}
/*#header {
    padding:8px 0
}*/
.navPart {
    column-gap:85px;
    flex-direction:row-reverse
}
.btnRed-bg {
    padding:8px 22px;
    font-size:11px
}
.nav-toggle {
    width:28px;
    height:32px;
    padding:0 24px;
    position:absolute;
    top:-4px;
    margin-top:0;
    cursor:pointer;
    background:0 0;
    right:0
}
.nav-toggle:before {
    content:"";
    position:absolute;
    width:28px;
    height:2px;
    background-color:#000;
    border-radius:0;
    box-shadow:0 0.5em 0 0 #000, 0 1em 0 0 #000;
    font-size:18px;
    top:31%;
    left:50%;
    transform:translate(-50%, -50%)
}
#JDDPageid-4 .nav-toggle:before, #JDDPageid-10 .nav-toggle:before {
    content:"";
    position:absolute;
    width:28px;
    height:2px;
    background-color:#fff;
    border-radius:0;
    box-shadow:0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
    font-size:18px;
    top:31%;
    left:50%;
    transform:translate(-50%, -50%)
}
#JDDPageid-4 .call-toggle img,
    #JDDPageid-4 .msg-toggle img,
    #JDDPageid-10 .call-toggle img,
    #JDDPageid-10 .msg-toggle img {
    width:22px;
    margin:0 12px;
    filter:invert(1);
    position:relative;
    left:-43px
}
.call-toggle img,
    .msg-toggle img {
    width:22px;
    margin:0 12px;
    filter:initial;
    position:relative;
    left:-43px
}
/*.fixed-top.header-scrolled .nav-toggle:before {
    background-color:#000!important;
    box-shadow:0 0.5em 0 0 #000, 0 1em 0 0 #000!important
}*/
.sidenav {
    height:100%;
    width:320px;
    position:fixed;
    z-index:1;
    top:0;
    left:-320px;
    background-color:#000000e6;
    overflow-x:hidden;
    transition:0.5s;
    padding-top:60px
}
.nav-dropdown,
    .nav-dropdown > li,
    .navigation,
    li.navdropdown a {
    position:relative
}
.nav-dropdown,
    .nav-menu {
    margin:0;
    padding:0;
    list-style:none
}
.sidenav > a {
    padding:8px 8px 8px 32px;
    font-size:25px;
    color:#818181;
    transition:0.3s
}
.sidenav > a:hover {
    color:#f1f1f1
}
.sidenav > .closebtn {
    position:absolute;
    top:0;
    right:10px;
    font-size:36px;
    margin-left:50px
}
.mob-menu ul.nav-dropdown.sub-menu li .dropdown-item:active:active {
    background-color:transparent !important;
    color:#fff !important
}
img.img-fluid.maxImg2 {
    margin-top:88px;
    width:204px
}
.nav-dropdown .nav-dropdown {
    left:6px
}
.nav-dropdown > li {
    width:100%;
    float:left;
    clear:both;
    text-align:left
}
.nav-menu > li > .nav-dropdown {
    border-top:1px solid #000;
    position:relative
}
.nav-dropdown {
    min-width:180px;
    display:none;
    z-index:98;
    white-space:nowrap
}
.nav-dropdown > li > a {
    padding:13px 20px;
    border-bottom:1px solid #4d4d4d;
    width:100%;
    float:left
}
li.navdropdown ul.nav-dropdown.sub-menu li a {
    font-size:14px;
    background:0 0;
    text-decoration:none;
    padding:8px 22px 8px 28px
}
i.ri-arrow-drop-down-line {
    position:absolute;
    right:6px;
    color:#fff;
    top:50%;
    font-size:12px;
    transform:translate(-50%, -50%)
}
nav.navbar.navbar-expand-sm.navbar-dark.fixed-top.active .nav-menu > li > a {
    color:#fff !important;
    text-transform:uppercase
}
.nav-menu > li > a {
    padding:16px 15px;
    font-size:15px;
    transition:color 0.3s, background 0.3s
}
.nav-menu > li {
    display:block;
    float:left;
    text-align:left;
    width:100%;
    border-top:1px solid #3f3f3f
}
.nav-menu {
    line-height:normal
}
.navigation {
    width:100%;
    height:30px;
    display:table;
    font-family:inherit
}
.mob-menu {
    display:block;
    position:absolute;
    right:10px
}
/*#header .get-started-btn {
    left:-36px;
    position:relative
}*/
}
@media screen and (min-width:768px) and (max-width:1023px) {
    div#ContactTeamModal .modal-dialog {
    transform:initial
}
.form-box-1 {
    width:400px;
    margin:0 auto
}
.agency-list-item .starBox.m-auto {
    column-gap:2px!important;
    justify-content:start!important
}
div#PorfolioExpertModal .modal.show .modal-dialog {
    max-width:64%
}
.navPart {
    left:-70px;
    position:relative
}
.copyright .footer-list li:after {
    top:1px;
    right:-7px
}
.copyright .footer-list li {
    margin-left:11px
}
.box-location {
    flex:0 1 calc(28% - 8px)
}
div#gallery-view {
    padding:34px 0!important
}
.callNow {
    font-size:18px;
    line-height:28px
}
.socialLink a {
    width:34px;
    height:34px
}
img.white-logo.m-auto.display-table {
    width:150px
}
/*#JDDPageid-5 .call-toggle img,
    #JDDPageid-5 .msg-toggle img,
    #header.header-scrolled .call-toggle img,
    #header.header-scrolled .msg-toggle img {
    filter:invert(0)
}*/
.call-toggle img,
    .msg-toggle img {
    margin:0 12px;
    filter:invert(1);
    position:relative;
    left:-43px
}
.stripSection img.img-fluid {
    width:110px
}
#tabSection .tabcontent ul li {
    width:100%
}
#tabSection .tabcontent {
    padding:0 10px
}
.sectionDescription, div#cke_pastebin, p, ul li {
    line-height:1.2rem;
    font-size:0.97rem
}
section {
    padding-top:40px;
    padding-bottom:40px
}
section#homesec-5 {
    padding-top:40px !important;
    padding-bottom:40px !important
}
.sectionSubDescription {
    font-size:1.12rem;
    line-height:1.42rem
}
.sliderSubHeading {
    font-size:1.2rem;
    line-height:1.7rem
}
.sectionHeading,
    .sectionHeading2 {
    font-size:1.4rem;
    line-height:1.88rem
}
.sliderHeading {
    font-size:1.7rem;
    line-height:2.2rem
}
}
@media screen and (min-width:992px) and (max-width:1023px) {
    div#PorfolioExpertModal .modal.show .modal-dialog {
    max-width:58%
}
.container, .container-md, .container-sm {
    max-width:92%;
    width:92%
}
.solving-section .nav-pills .nav-link {
    width:100%
}
}
@media screen and (min-width:1024px) and (max-width:1199px) {
    div#ContactTeamModal .modal-dialog {
    transform:initial
}
section.company-lp-section .col-lg-4 {
    padding-top:0px
}
section.company-lp-section .formHeading {
    font-size:20px
}
div#PorfolioExpertModal .modal.show .modal-dialog {
    max-width:58%
}
.navPart {
    position:relative;
    left:-10px
}
.navPart .get-started-btn {
    padding:4px 16px;
    font-size:.8rem
}
nav#navMenu>ul>li>a {
    font-size:.94rem
}
/*#header .logo img {
    width:104px;
    position:relative;
    left:10px
}*/
.megaMenuHeading {
    line-height:1.288rem;
    font-size:.82rem
}
.menuList {
    padding:4px 6px
}
.menuList ul li:hover a:after {
    left:2px
}
.menuList ul li a:after {
    left:0px!important
}
.menuList ul li:hover a:after {
    left:4px!important
}
.menuList ul li a {
    font-size:.66rem!important;
    padding:6px 10px 6px 20px!important
}
.col-lg-new {
    padding:0px 2px
}
ul.site-vist1 li {
    width:50%;
    font-size:16px
}
.logoSev {
    margin-left:6px
}
.reviewBox {
    height:369px
}
.new-portfolio-section .port-box .sectionHeading2 {
    font-size:1.3rem
}
#testimonialFull .sectionDescription quote {
    left:-34px
}
#testimonialFull .carousel-indicators {
    margin-bottom:23px
}
.marketing-roi-section .hard-bx {
    padding:20px;
    min-height:164px
}
.podt span {
    font-size:30px
}
.box-location {
    flex:0 1 calc(16% - 8px)
}
.navPart {
    column-gap:0
}
/*header#header .container-fluid {
    padding:0 !important
}*/
.nav-menu > ul > li {
    padding:10px 6px
}
.stripSection img.img-fluid {
    width:154px
}
.agile-bx:after {
    content:none
}
#tabSection .tabcontent ul li {
    width:48%
}
#tabSection .tabcontent {
    padding:0 10px
}
.sectionDescription,
    div#cke_pastebin,
    p,
    ul li {
    line-height:1.2rem;
    font-size:0.97rem
}
section {
    padding-top:40px;
    padding-bottom:40px
}
section#homesec-5 {
    padding-top:40px !important;
    padding-bottom:40px !important
}
.sectionSubDescription {
    font-size:1.09rem;
    line-height:1.42rem
}
.boxHeading {
    font-size:.98rem;
    line-height:1.36rem
}
.sliderSubHeading {
    font-size:1.2rem;
    line-height:1.7rem
}
.sectionHeading {
    font-size:1.5rem;
    line-height:1.98rem
}
.sectionHeading2 {
    font-size:1.3rem;
    line-height:1.7rem
}
.sliderHeading {
    font-size:2rem;
    line-height:2.6rem
}
}



@media (max-width:1200px){
    .menu-item-has-children>.submenu {
    height: 500px !important;
    overflow-y: scroll !important;
}

.menu-item-has-children>.submenu:before {
    height: auto;
}

}


@media (max-width:992px){
    .main_menu_sec ul li a {
    font-size: 12px !important;
    padding: 15px 8px !important;
}

}

@media (min-width:1200px) and (max-width:1299px) {
    div#PorfolioExpertModal .modal.show .modal-dialog {
    max-width:46%
}
}
@media (min-width:1300px) and (max-width:1399px) {
    #JDDPageid-291 .boxNgo {
    min-height:321px
}
div#PorfolioExpertModal .modal.show .modal-dialog {
    max-width:46%
}
img.img-fluid.aboutbannerImg-dots {
    top:79px;
    left:-48px
}
img.img-fluid.aboutbannerImg-dots2 {
    right:-41px
}
}
@media (min-width:1400px) and (max-width:1499px) {
    .reviewBox {
    height:295px
}
.date-category .sectionHeading2 {
    min-height:83px
}
}
@media (min-width:1500px) and (max-width:1599px) {
}
@media (min-width:1600px) and (max-width:1699px) {
}
@media (min-width:1700px) and (max-width:1799px) {
}
@media (min-width:1800px) and (max-width:1899px) {
}
@media (min-width:1200px) and (max-width:1480px) {
    div#ContactTeamModal .modal-dialog {
    transform:initial;
    top:80px
}
section.agency-partner-section .red-change-btn {
    padding:10px 38px
}
form#contact-form13 .red-change-btn {
    padding:10px 42px;
    font-size:.91rem
}
.agency-list-item .col-lg-4 {
    flex:0 0 auto;
    width:28%
}
.agency-list-item .btnRed-bg {
    font-size:.66rem;
    padding:6px 16px
}
.agency-list-item .col-lg-5 {
    flex:0 0 auto;
    width:47%
}
#JDDPageid-615 .techfor .boxHeading-loc {
    min-height:79px
}
.menuList ul li:hover a:after {
    left:2px
}
.menuList ul li a:after {
    left:0px!important
}
.menuList ul li:hover a:after {
    left:4px!important
}
.menuList ul li a {
    font-size:.76rem!important;
    padding:8px 10px 8px 24px!important
}
.col-lg-new {
    padding:0px 4px
}
section.solving-section .col-lg-7.p-lg-0 {
    width:72%
}
section.solving-section .col-lg-5 {
    width:28%
}
.get-started-btn {
    font-size:.81rem
}
.unique-Bx .boxHeading-new:after {
    bottom:-12px !important
}
.box-location {
    flex:0 1 calc(11% - 8px)
}
#footer .sub-widget-title {
    font-size:.84rem
}
#footer .footer-list li a {
    font-size:13px
}
#footer .accordion-button {
    font-size:13px
}
ul.site-vist1 li {
    font-size:14px;
    line-height:17px
}
.contact-section1 form.php-email-form label {
    font-size:13px
}
.address-sec .boxHeading {
    font-size:1.12rem;
    font-weight:600
}
.address-sec .sectionDescription {
    line-height:1.6rem;
    font-size:1.2rem;
    font-weight:600
}
#JDDPageid-127 .thard-bx .boxHeading:after {
    bottom:0px
}
.sectionSubDescription {
    font-size:1.29rem;
    line-height:1.6rem
}
section#tabSection .boxHeading {
    font-size:1.24rem
}
.sectionDescription,
    div#cke_pastebin,
    p,
    ul li {
    line-height:1.288rem;
    font-size:1.06rem;
    list-style:none
}
.nav-menu .dropDown:hover > ul {
    top:116%
}
/*#header .logo img {
    width:128px
}*/
ul.dropdownservices {
    width:100%
}
.stripSection img.img-fluid {
    width:154px
}
.clients-logo4 img {
    width:72px !important
}
form#ecommerce-form12 .form-control {
    padding:8px 15px
}
.sliderHeading {
    font-size:2.2rem;
    line-height:2.8rem
}
.sliderSubHeading {
    font-size:1.4rem;
    line-height:1.8rem
}
}
@media screen and (min-width:1500px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
    max-width:84%
}
.address-sec .sectionDescription {
    line-height:1.6rem;
    font-size:1.8rem;
    font-weight:600
}
}
@media screen and (min-width:1900px) {
    #JDDPageid-17 .testim-img {
    top:-15px
}
.faq-que-heading {
    font-size:1.4rem
}
.megaMenuHeading {
    line-height:1.4rem;
    font-size:1.2rem;
    font-weight:700
}
.CTA-section {
    padding:220px 0
}
img.mb-3.img-fluid.influence-img {
    width:79%
}
.sec-new-1 ul.tick-white li {
    line-height:1.5rem;
    font-size:20px
}
ul.site-vist1 li {
    font-size:18px
}
.locate-btn {
    padding:5px 33px !important
}
.loyalImg {
    width:694px
}
#homesec-5 .blog_bg p {
    font-size:1.375rem;
    line-height:1.9rem
}
#homesec-5 .boxHeading {
    line-height:2rem
}
ul.dropdownservices {
    width:100%
}
.nav-menu .dropDown ul.dropdownservices li > a {
    font-size:1rem
}
.services_list ul.list-unstyled li {
    font-size:15px
}
.ecommerce-form-jdd {
    padding:58px 34px 84px;
    width:70%
}
section {
    padding-top:80px;
    padding-bottom:80px
}
.modal-content .btnRed-bg,
    .modal-content .btnRed-bg > a {
    font-size:1rem;
    padding:8px 26px
}
.nonprofit-section .nav-link {
    font-size:20px !important
}
.nonprofit-section .nav-link img {
    width:62px;
    margin:8px auto
}
.naccs .menu div.active {
    font-size:22px;
    line-height:28px
}
.naccs .menu div {
    padding:8px 20px;
    font-size:20px;
    line-height:28px;
    margin-bottom:4px
}
/*#header {
    padding:4px 0
}*/
.sr-top {
    font-size:17px;
    line-height:25px;
    margin-bottom:8px
}
div#accordionExample button.accordion-button > h5 {
    line-height:1.41rem;
    font-size:1.2rem
}
.texttiImg {
    width:740px
}
.form-control {
    height:45px
}
.form-box textarea.form-control {
    min-height:114px
}
.form-control::placeholder {
    font-size:14px
}
.breadcrumb li a {
    font-size:17px;
    font-weight:400
}
.sliderHeading {
    font-size:2.625rem;
    line-height:3rem
}
.sliderSubHeading {
    font-size:1.31rem;
    line-height:1.8rem
}
.formHeading {
    font-size:1.7rem;
    line-height:1.88rem
}
.sectionHeading {
    font-size:2.188rem;
    line-height:2.4rem
}
.sectionSubDescription {
    font-size:1.56rem;
    line-height:1.99rem
}
.BannerCommon .sectionDescription {
    line-height:1.84rem;
    font-size:1.45rem
}
.sectionDescription, div#cke_pastebin, p, ul li {
    line-height:1.84rem;
    font-size:1.3rem
}
.boxHeading,
    nav#navMenu > ul > li > a {
    font-size:1.4rem
}
.boxHeading {
    line-height:1.68rem
}
.sectionHeading2 {
    font-size:1.6rem;
    line-height:1.9rem
}
#testimonialFull .sectionDescription {
    font-size:1.188rem;
    line-height:1.6rem
}
/*#header .logo img {
    width:172px
}*/
.nav-menu .dropDown ul li > a {
    font-size:16px;
    line-height:20px;
    padding:10px
}
.btnRed-bg,
    .btnRed-bg > a {
    font-size:1rem;
    padding:10px 26px
}
.get-started-btn {
    font-size:0.861rem;
    padding:6px 24px
}
.smlSliderHeading {
    font-size:1.31rem
}
.activeimg {
    width:62px
}
.tablinks {
    padding:24px 8px
}
.accordion-container .set > a {
    padding:12px 15px;
    line-height:1.4rem;
    font-size:1.1rem
}
.accordion-container .set ul li,
    .accordion-container p {
    line-height:1.2rem;
    font-size:0.98rem
}
.courseelmnt .conten-bx-p,
    .indhvrBox .indhvrBox-text p {
    font-size:1.125rem;
    line-height:1.4rem
}
.footer-links h4 {
    font-size:1.31rem;
    line-height:1.6rem
}
.footer-links ul li a {
    font-size:16px;
    line-height:24px
}
footer#footer .copyright p {
    font-size:14px;
    font-weight:300
}
}
@media screen and (min-width:1600px) and (max-width:1699px) {
    .megaMenuHeading {
    font-size:1rem;
    font-weight:700
}
.sectionDescription, div#cke_pastebin, p, ul li {
    line-height:1.48rem;
    font-size:1.14rem
}
.sectionSubDescription {
    font-size:1.17rem
}
.nav-menu .dropDown ul.dropdownservices li > a {
    font-size:.91rem
}
ul.dropdownservices {
    width:100%
}
.stripSection img.img-fluid {
    width:164px
}
}
@media screen and (max-width: 480px) {
    #homesec-2:after {
    width: 100%;
    height: 582px;
}
}
@media screen and (min-width: 500px) and (max-width: 540px) {
    #homebannerDesktop .carousel-inner .carousel-item:nth-child(1) {
    background: url(../img/newJDD-mobBanner.webp) no-repeat bottom center !important;
    background-size: 100% !important;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    #homesec-2:after {
    width: 100%;
    height: 471px;
}
}
@media screen and (max-width: 767px) {
    .hard-bx .boxHeading {
    font-size: .9rem;
}
.redboxTxt {
    min-height: 246px;
}
.tools-bx:after {
    content: none;
}
.tools-bx {
    margin: 5px 8px;
}
.video-section2 video {
    width: 100%;
    border-radius: 0px;
}
.blog_hvrbox {
    width: 98%;
}
.testimonialBrand {
    flex-flow: column-reverse;
}
.reviewBox {
    height: auto;
}
.icon-set .sectionSubDescription {
    font-size: 13px;
    line-height: 17px;
}
.icon-bg img {
    width: 38px;
}
.work-card-set {
    padding: 0px;
}
.icon-set {
    width: 30%;
    padding: 14px 8px;
    flex: initial;
}
div#serviceTab1 {
    margin-top: 70px;
}
#tabSection:after {
    content: none;
}
#tabSection:before {
    width: 100%;
    height: 518px;
}
.whybx1 ul.ticklist {
    padding: 24px 14px;
}
.whybx1 ul.ticklist img.img-fluid {
    width: 36px;
}
.brand-big .slick-slide img {
    width: 70px;
}
.brand-big {
    margin-top: 74px;
}
.need-feild span {
    font-size: 14px;
}
.need-feild .sub-cont_txt {
    font-weight: 500;
}
.colorLine {
    width: 100%;
    height: 1.8px;
}
.hard-bx .podt {
    font-size: 30px;
    line-height: 38px;
}
.hard-bx {
    padding: 14px 10px;
    margin-bottom: 20px;
}
.stripSection img.img-fluid {
    width: 98px;
}
div#homebannerDesktop span.carousel-control-prev-icon,
      div#homebannerDesktop span.carousel-control-next-icon {
    width: 34px;
    height: 34px;
}
.homebanner .carousel-indicators .active {
    top: 0px;
}
div#homebannerDesktop button.carousel-control-next {
    left: 18%;
    bottom: 140px;
}
div#homebannerDesktop button.carousel-control-prev {
    left: 5%;
    bottom: 140px;
}
div#carouselExampleIndicators .carousel-indicators {
    bottom: 50px;
    left: initial;
    right: 0px;
}
#homebannerDesktop .carousel-indicators button {
    width: 30%;
    height: 58px;
    padding: 8px 8px;
}
div#homebannerDesktop div#carouselExampleIndicators .sectionDescription {
    line-height: 1rem;
    font-size: .72rem;
}
div#homebannerDesktop div#carouselExampleIndicators .boxHeading {
    font-size: .84rem;
    line-height: 1rem;
}
.choosetxt li {
    font-size: 15px;
}
.carousel-item img.img-fluid {
    display: none;
}
#homebannerDesktop .carousel-inner .carousel-item:nth-child(3) {
    background: url(../img/newJDD-mobBanner2.webp) no-repeat bottom center;
    height: 660px;
    background-size: 100%;
}
#homebannerDesktop .carousel-inner .carousel-item:nth-child(1) {
    background: url(../img/newJDD-mobBanner.webp) no-repeat bottom center;
    height: 660px;
    background-size: 100%;
}
#homebannerDesktop .carousel-caption {
    position: absolute;
    top: 40%;
    text-align: left;
    transform: translate(-50%, -50%);
    width: 100%;
    left: 50%;
    padding: 0 24px;
    height: 258px;
}
#homebannerDesktop {
    position: relative !important;
    /* overflow: visible !important;
    */
         height: 638px !important;
}
.carousel-item video#myVideo8 {
    width: 100%;
    background: #02082966;
    height: 90vh;
    object-fit: cover;
}
span.fa.fa-star {
    font-size: 11px;
}
#homebannerDesktop .carousel-indicators {
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hard-bx .boxHeading {
    min-height: 88px;
}
.Wishlist-form {
    margin-bottom: 20px;
}
.video-section2 video {
    height: 484px;
    width: 100%;
    object-fit: cover;
}
div#homebannerDesktop button.carousel-control-prev {
    left: -30px;
    bottom: 0px;
}
div#homebannerDesktop button.carousel-control-next {
    right: -30px;
    bottom: 0px;
    top: inherit !important;
    left: inherit;
}
div#homebannerDesktop span.carousel-control-prev-icon,
      div#homebannerDesktop span.carousel-control-next-icon {
    width: 36px;
    height: 36px;
    top: -82px;
}
.homebanner .carousel-indicators .active {
    height: 78px;
    top: 0px;
}
div#homebannerDesktop div#carouselExampleIndicators .boxHeading {
    font-size: 1.3rem;
    line-height: 1.9rem;
}
.homebanner .carousel-caption {
    width: 96%;
    right: initial;
    left: 26px;
    top: 43%;
}
div#carouselExampleIndicators .carousel-indicators {
    bottom: 0px;
    left: initial;
    right: -60px;
}
.homebanner .carousel-indicators button {
    width: 176px;
    height: 88px;
}
#testimonialFull .sectionDescription {
    font-size: 16px;
    line-height: 22px;
}
#testimonialFull .carousel-inner {
    padding: 30px 0px;
    top: -40px;
}
.redboxTxt {
    min-height: 140px;
}
.icon-bg img {
    width: 40px;
}
.activeimg {
    width: 38px;
}
.tablinks span.text-white.sectionDescription {
    padding: 0px 0px;
    font-size: 14px;
}
.tablinks {
    padding: 10px 4px;
}
#tabSection:before {
    width: 42%;
}
#tabSection:after {
    content: none;
}
.brand-big {
    margin-top: 70px;
}
#homesec-2:after {
    width: 100%;
    height: 368px;
}
.hard-bx .podt {
    font-size: 36px;
    line-height: 42px;
    ;
}
.hard-bx {
    padding: 14px 10px;
    margin-bottom: 0px;
}
.stripSection img.img-fluid {
    width: 118px;
    filter: brightness(0.2);
}
div#homebannerDesktop {
    height: 430px;
    overflow: hidden;
}
}
@media screen and (min-width:1024px) and (max-width: 1199px) {
    .Wishlist-form .sectionHeading2 {
    font-size: 22px;
    line-height: 25px;
}
.blog_bg2 {
    height: 420px;
}
div#homebannerDesktop {
    height: 574px;
    overflow: hidden;
}
div#homebannerDesktop button.carousel-control-prev {
    left: 0%;
    bottom: 28px;
    ;
}
div#homebannerDesktop button.carousel-control-next {
    left: 8%;
    bottom: 28px;
}
.homebanner .carousel-caption {
    width: 72%;
    right: initial;
    left: 74px;
}
div#carouselExampleIndicators .carousel-indicators {
    bottom: 0px;
    left: initial;
    right: -60px;
}
.homebanner .carousel-indicators button {
    width: 186px;
    height: 108px;
}
#testimonialFull .sectionDescription {
    font-size: 16px;
    line-height: 22px;
}
#testimonialFull .carousel-inner {
    padding: 30px 0px;
    top: -40px;
}
.redboxTxt {
    min-height: 140px;
}
.icon-bg img {
    width: 40px;
}
.activeimg {
    width: 38px;
}
.tablinks span.text-white.sectionDescription {
    padding: 0px 0px;
    font-size: 14px;
}
.tablinks {
    padding: 10px 4px;
}
#tabSection:before {
    width: 35%;
}
#tabSection:after {
    background-size: 680px;
    background-position: 400px 0px;
}
#homesec-2:after {
    width: 44%;
    height: 538px;
}
.hard-bx .podt {
    font-size: 36px;
    line-height: 42px;
    ;
}
.hard-bx {
    padding: 14px 10px;
    margin-bottom: 0px;
}
.stripSection img.img-fluid {
    width: 118px;
    filter: brightness(0.2);
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .Wishlist-form {
    padding: 8px 18px;
}
.need-feild label span {
    font-size: .88rem;
}
.need-feild .sub-cont_txt {
    margin-bottom: 15px!important;
    font-size: .91rem;
    font-weight: 500;
}
.video-section2 video {
    width: 308px;
}
form.home-form-jdd textarea.form-control {
    height: 58px;
}
.tools-bx {
    margin-left: 26px;
}
}
@media (min-width: 1300px) and (max-width: 1399px) {
    .Wishlist-form {
    padding: 8px 18px;
}
.need-feild label span {
    font-size: .88rem;
}
.need-feild .sub-cont_txt {
    margin-bottom: 15px!important;
    font-size: .94rem;
    font-weight: 500;
}
.video-section2 video {
    width: 308px;
}
form.home-form-jdd textarea.form-control {
    height: 58px;
}
.homebanner:after {
    height: 123vh;
}
.tools-bx {
    margin-left: 26px;
}
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .tablinks .sectionDescription {
    line-height: 1.1rem;
    font-size: .9rem;
}
.blog_bg {
    min-height: 190px;
}
.blog_bg2 .blog_hvrbox .blog_hvr .cont {
    font-size: 14px;
    line-height: 18px;
}
div#serviceTab1 .col-lg-8.col-md-12.px-lg-5 {
    padding: 0px 20px !important;
}
#testimonialFull .sectionDescription quote {
    left: -46px;
}
.redboxTxt {
    min-height: 220px;
}
.blog_bg2 {
    height: 424px;
}
.whybx1 ul.ticklist {
    padding: 28px 16px;
}
.stripSection img.img-fluid {
    width: 170px;
}
div#homebannerDesktop {
    height: 688px;
}
div#homebannerDesktop button.carousel-control-next {
    left: 5%;
    bottom: 138px;
}
div#homebannerDesktop button.carousel-control-prev {
    left: 0%;
    bottom: 138px;
}
.homebanner .carousel-caption {
    width: 728px;
    left: 6%;
}
#homesec-2:after {
    width: 44%;
}
}
@media screen and (min-width:1900px) {
    .redboxTxt {
    min-height: 260px;
}
.Wishlist-form {
    padding: 30px 18px;
}
.whybx1 ul.ticklist {
    padding: 14px 16px;
}
#homesec-2:after {
    width: 836px;
    height: 710px;
}
.video-section2 video {
    width: 377px;
}
.tools-bx img.img-fluid {
    width: 122px;
    height: 122px;
}
.tools-bx:after {
    width: 64px;
    height: 4px;
    left: 122px;
}
section#homesec-5 .small-cont {
    font-size: 15px;
    line-height: 24px;
}
.texttiImg {
    width: 740px;
}
.blog_bg {
    position: relative;
    min-height: 237px;
}
.blog_bg2 .blog_hvrbox .blog_hvr .cont {
    font-size: 18px;
    line-height: 24px;
}
.blog_bg2 {
    height: 530px;
}
div#homebannerDesktop span.carousel-control-prev-icon,
      div#homebannerDesktop span.carousel-control-next-icon {
    width: 64px;
    height: 64px;
    border-radius: 58px;
}
div#carouselExampleIndicators .carousel-indicators {
    bottom: 160px;
}
.homebanner .carousel-indicators .active {
    height: 158px;
}
.homebanner .carousel-indicators button {
    width: 268px;
    height: 158px;
}
div#homebannerDesktop div#carouselExampleIndicators .boxHeading {
    font-size: 2rem;
    line-height: 2.4rem;
}
div#homebannerDesktop div#carouselExampleIndicators .boxHeading {
    font-size: 1.88rem;
    line-height: 2.2rem;
}
}











@media screen and (min-width:800px){
    .package-section .project-item .card .project-item__content {
    padding: 15px 10px !important;
}
.package-section .project-item .card .project-item__content p.package__new-price {
    font-size: 35px;
}

.project-item .card-body {
    padding: 0.5rem;
}

.package-section .features li {
    margin: 0 0;
}

.package-section .features li {
    font-size: 12px;
    line-height: 18px;
}

.package-section .project-item .package__name {
    font-size: 18px;
}

section.package-section {
    padding-bottom: 0 !important;
}



}