@media only screen and (min-width: 768px) and (max-width: 992px)
{
    .the-map {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 768px)
{
    .fordesk .featicons{
        margin-top: 50px;
    }
}
@media only screen and (min-width: 768px) {
    
    .onlymob,
    .formob{
        display: none !important;
    }
    .fordesk{
        display: flex !important;
    }
    .inview.success-stories h2:before{
        width: 100%;
    }
    .our-team, .blog-list {
        padding: 50px 0px 130px 0px;
    }
    .who-we-are {
        padding: 50px 0px 200px 0px;
    }
    .who-we-are .streak{
        top: 200px;
    }
    .what-we-do{
        padding: 30px 0px 0px 0px;
    }
    .service-feats{
        margin-top: 50px;
    }
    .inner-sec{
        padding: 120px 0;
    }
    .success-stories {
        padding: 170px 0 221px 0;
        position: relative;
    }
    .shape-after-what-we-do:after{
        bottom: -120px;
    }
    .pullup.shape-before-what-we-do:before
    {
        transform: translateY(-131px);
    }
    .shape-before-what-we-do:before{
        transform: translateY(-120px);
    }
    .page-id-32 .shapeup.what-we-do:after {
        bottom: -14%;
    }
    .goodie-title {
        max-width: 100%;
    }
    .pullup.shape-before-talk-to-us:before{
        transform: translateY(-131px);
    }
    .what-we-do h2{
        font-size: 46px;
        line-height: 58px;
    }
    .post-cnt h2{
        font-size: 46px;
        line-height: 58px;
    }
    .inner-sec{
        padding-top: 50px;
    }
    .bubble-below {
        padding-bottom: 170px;
    }
    .bubble-top{
        padding-top: 170px;
    }
    #start_up_accounting.pullup .streak {
        width: 50%;
        transform: translate(0%,50%);
    }
    #enterprise_accounting.pullup .streak {
        width: 50%;
        transform: translate(0%,50%);
    }
    .page-id-32 .shape-before-what-we-do.pullup:before {
        transform: translateY(-120px);
    }
    .contact-us-sec h2{
        font-size: 48px;
        line-height: 60px;
    }
    .contact-us-sec h4{
        font-size: 24px;
        line-height: 36px;
    }
    .address-area h5,
    .address-area p,
    .address-area a{
        font-size: 18px;
        line-height: 36px;
    }
    .ginput_container input[type=text]::-webkit-input-placeholder,
    .ginput_container input[type=email]::-webkit-input-placeholder, 
    .ginput_container textarea::-webkit-input-placeholder,
    .ginput_container input[type=text]:-moz-placeholder,
    .ginput_container input[type=email]:-moz-placeholder, 
    .ginput_container textarea:-moz-placeholder,
    .ginput_container input[type=text]::-moz-placeholder,
    .ginput_container input[type=email]::-moz-placeholder, 
    .ginput_container textarea::-moz-placeholder,
    .ginput_container input[type=text]::-ms-input-placeholder,
    .ginput_container input[type=email]::-ms-input-placeholder, 
    .ginput_container textarea::-ms-input-placeholder,
    .ginput_container input[type=text]:-ms-input-placeholder,
    .ginput_container input[type=email]:-ms-input-placeholder, 
    .ginput_container textarea:-ms-input-placeholder,
    .ginput_container input[type=text]::placeholder,
    .ginput_container input[type=email]::placeholder, 
    .ginput_container textarea::placeholder
    {
        font-size: 18px;
        line-height: 36px;     
    }
    .gfield_label{
        font-size: 18px;
        line-height: 36px;   
    }
    .our-jobs-slider:hover .navig div a{
        width: 15px;
        height: 15px;
    }
    .our-jobs-slider:hover .navig div a:hover{
        width: 17px;
        height: 17px;
    }
    .sba{
        padding: 30px 0px 0px 0px;
    }
}

@media (min-width: 782px){
    .service-content .wp-block-column:not(:first-child) 
    {
        margin-left: 70px !important;
    }
}
@media only screen and (min-width: 992px) {
    .inview.success-stories-sec.service-content:before{
        width: 63%;
    }
    .service-content.success-stories-sec h2{
        font-size: 48px;
        line-height: 60px;
    }
    .what-we-do h2{
        font-size: 48px;
        line-height: 60px;
    }   
    .nav-link.phone{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: 2px solid #00A850;
        display: flex;
        align-items: center;
    }
    .navbar-expand-lg .navbar-nav{
        text-align: center;
        align-items: center;
    }
    
    a.nav-link.callnow:hover{
        max-width: 300px;
    }
    .nav-item{
        position: relative;
    }
    .nav-item:last-child{
        margin-right: 0;
    }
    .nav-link{
        font-size: 18px;
        line-height: 23px;
    }
}

/* Navbar Collapse Styles To Stack Items At Mobile Widths*/
@media (min-width: 992px)
{
    .desktop{
        display: block !important;
    }
    .mobile{
        display: none !important;
    }
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap !important;
        flex-flow: row nowrap !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
      }
      .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
      }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute !important;
      }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
      }
      .navbar-expand-lg > .container,
      .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
      }
      .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
      }
      .navbar-expand-lg .navbar-toggler {
        display: none !important;      
    }
    #navbarSupportedContent .navbar-nav .dropitdown
    {
        background-color: #000;
        top: -50vh;
        right: -185px;
        border-bottom-left-radius: 100%;
        position: absolute;
        width: 140%;
        content: "";
        min-height: 470px;
        opacity: 0;
    }
    /***** mousing away ***/
    .navbar-nav .sub-menu{
        opacity: 0;
        transition: opacity 1s ease .1s, height .1s linear 1.2s;
        -webkit-transition: opacity 1s ease .1s, height .1s linear 1.2s;
        -moz-transition: opacity 1s ease .1s, height .1s linear 1.2s;
        -o-transition: opacity 1s ease .1s, height .1s linear 1.2s;
    }
    /***** mousing in ***/
    /*.navbar-nav:hover .sub-menu{
        opacity: 1;
        height: 100%;
        overflow: visible;
        transition: opacity .7s ease;
        -webkit-transition: opacity .7s ease;
        -moz-transition: opacity .7s ease;
        -o-transition: opacity .7s ease;
    }*/
    .navbar-nav .sub-menu.downnow{
        opacity: 1;
        top: 40px;
        height: auto;
        overflow: visible;
        transition: opacity .7s ease;
        -webkit-transition: opacity .7s ease;
        -moz-transition: opacity .7s ease;
        -o-transition: opacity .7s ease;
    }
    .nav-item.callicon:hover .sub-menu{
        left: -9999px !important;
    }
   
    .sub-menu.social{
        width: 150px;
        position: fixed;
        top: 25vh;
        left: auto !important;
        right: -999999px;        
        opacity: 0;
    }
   /* .navbar-nav:hover .sub-menu.social{
        transition:  all .1s ease;
        -moz-transition: all .1s ease;
        -webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
    }
    .navbar-nav:not(.last):hover .sub-menu.social{
        right: 0;
        opacity: 1;
    }*/
    .navbar-nav .sub-menu.social.getsocial{
        right: 0;
        opacity: 1;
    }
}
  
@media only screen and (min-width: 1024px)
{
    a.nav-link.callnow i{
        margin-right: 10px;
    }
    
    a.nav-link.callnow{
        transition: all .3s linear;
        display: block;
        max-width: 50px;
        overflow: hidden;
        vertical-align: top;
        white-space: nowrap;       
    }
    .navbar-expand-lg .navbar-nav .nav-link.callnow{
        padding-right: .85rem !important;
        padding-left: .85rem !important;
    }
    a.nav-link.callnow:hover{
        background: #00A850;
        color: #000 !important;
    }
    a.nav-link.callnow i{
        color: #00A850;
        margin-right: 15px;
        display: inline-block;
        transform: translate(3px,0px);
    }

    a.nav-link.callnow:hover i{
        color: #000;
    }

    a.nav-link.callnow {    
        background: transparent;
        border: 2px solid #00A850;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        padding: 14px 24px;
    }
    .nav-item:last-child {
        margin-right: 0;
        position: absolute;
        right: 0;
    }
    .navbar-nav.last
    {
        margin-left: 100px;
    }
    .navbar-nav li:nth-child(5)
    {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1035px)
{
    .nav-item{    
        margin-right: 5px;
    }
}

@media only screen and (min-width: 1086px)
{
    .nav-item {
        position: relative;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 1166px)
{
    
    .nav-item{
        margin-right: 40px;
    }    
    
    
}
@media only screen and (min-width: 1200px) {
    .container{
        width: 1170px !important;
    }
    .success-stories .slick-list{
        max-width: 800px;
        margin: 0 auto;
    }
    .slick-next{
        width: 100px !important;
        height: 100px !important;
    }
    
    .slick-prev{
        width: 100px !important;
        height: 100px !important;
    }   
    
}


@media only screen and (min-width: 1284px)
{
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .85rem;
        padding-left: .85rem;
    }
    a.nav-link.callnow{
        max-width: 52px;
    }
}

@media (min-width: 1300px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

@media only screen and (min-width: 1367px)
{
    a.nav-link.callnow{
        max-width: 55px;
    }
    
    .sub-menu{
        width: 250px;
    }
}



/*************** iPhones *************/
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header img{
        max-width: 200px;
    }
    .hero:before {
        z-index: 2;
    }
    .hero.phone {
        display: flex;
    }
    .hero.deskt{
        display: none;
    }
    .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;   
        opacity: 1;     
    }
    .bgimg img {
        max-height: 100%;
        animation: herobgfade 2.5s;
    }
    .hero{
        background: none;
    }
    .hero .container{
        z-index: 3;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .page-header{
        background-attachment: scroll;
    }
    .hero h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .hero p{
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    .btn-oracle{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.05em;
        color: #000000;
        padding: 16px 16px;
    }
    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    .who-we-are h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are h2:before{
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #00A850;
        height: 3px;
        bottom: -15px;
    }
    .who-we-are .streak{
        display: none;
    }
    .who-we-are img{
        max-width: 220px;
        margin-top: 60px;
    }
    .who-we-are p{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 0;
        padding: 0 15px;
    }
    .who-we-are .btn-oracle{
        margin-top: 30px;
    }
    .talk-to-us h2{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    .talk-to-us p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }
    .talk-to-us,
    footer{
        padding-bottom: 0px;
    }
    footer .wtitle,
    .footer-links li a,
    footer p{
        font-size: 16px;
        line-height: 28px;
    }
    footer .wtitle,
    .footer-links li,
    .socialinks,
    footer p{
        padding:0px 15px;
    }
    .copyright p,
    .copyright a{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.1em;
        color: rgba(255, 255, 255, 0.8);
    }
    .success-stories h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        margin-bottom: 50px;
    }
    .success-stories {
        padding: 40px 0 100px 0;
    }
    .slick-prev, .slick-next{
        top: 20% !important;
    }
    .story-body p, .story-author p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */

        text-align: center;
        letter-spacing: 0.05em;

        color: #000000;
    }
    /******** New **********/

    .what-we-do h2,
    .success-stories h2{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .what-we-do h2:before,
    .success-stories h2:before {
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #fff;
        height: 3px;
        bottom: -15px;
    }
    .success-stories h2:before{
        background: #00A850;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        max-width: 220px;
        max-height: 220px;
        margin: 60px auto 0px auto;
    }
    .our-jobs-slider:before {
        position: absolute;
        left: 25px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
        top: 13%;
        width: 260px;
        height: 260px;
        content: "";
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .what-we-do .streak{
        display: none;
    }
    .navig div {
        list-style: none;
        margin-bottom: 15px;
        position: absolute;
        top: 60%;
        left: 53%;
    }
    .success-stories {
        padding: 80px 0 100px 0;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(140px);
    }
    .navig div:nth-child(2) {
        transform: rotate(-45deg) translate(136px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-30deg) translate(130px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-15deg) translate(125px);
    }
    .navig div:nth-child(5) {
        transform: rotate(0deg) translate(120px);
    }
    .navig div:nth-child(6) {
        transform: rotate(15deg) translate(118px);
    }
    .what-we-do h4{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #000000;
        padding: 0px 15px;
    }
    .what-we-do p {
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.05em;
        color: #000000;
        margin-top: 30px;
        padding: 0px 15px;
    }
    .shapeup.what-we-do:after {
        bottom: -30px;
    }
    .btn-oracle.inverse {
        background: #000;
        color: #00A850;
    }
    .slick-prev,.slick-next{
        z-index: 1;
    }
    .success-stories h2{
        border: none;
    }
    .service-content:before{
        top: 110px;
        transform: translate(50%);
    }
    .service-content h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .service-content .service-sub-heading{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .service-content p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .service-content .btn{
        float: none !important;
    }
    .service-content{
        padding: 60px 0;
    }
    /*********** New *********/

    .shape-before-talk-to-us:before{
        transform: translateY(-25px);
    }
    .goodiesrow {
        margin: 30px 0;
    }
    .page-header h1,
    .service-content.success-stories-sec h2{
        font-size: 28px;
        line-height: 35px   
    }
    .testimonial-author,
    .testimonial-author h4,
    .testimonial-author h5{
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-thumb img{
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .testimonial-thumb{
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0px 0px 30px 0px
    }
    .testimonial-box:after{
        display: none;
    }
    .testimonial-box{
        border-bottom: 2px solid #00A850;
        padding-bottom: 50px;
    }
    .even .testimonial-author {
        text-align: center;
    }
    .inview.success-stories-sec.service-content:before {
        transform: translate(50%,50%);
        width: 50%;
    }
    .testmbox {
        margin-bottom: 0 !important;
    }
    .pullup.service-main-heading:before {
	    width: 50%;
	    left: 50%;
	    transform: translate(-50%,50%);
	}
	.service-content .btn{
		margin: 25px 0px 50px 0 !important;
	}
	.mob-margin-top{
		margin-top: 50px;
	}
	.goodie-box{
		flex-direction: column;
	}
	.goodie-thumb{
		margin-right: 0;
		padding: 15px;
	}
	.goodie-title{
		max-width: 100%;
	}
	.goodie-title h4{
		margin-top: 10px;
		font-size: 18px;
	}
	.mobile-margin-bottom{
		margin-bottom: 0 !important;
	}
	.service-feats .wp-block-columns .wp-block-column{
		margin-bottom: 20px !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .hero:before {
        z-index: 2;
    }
    .hero.phone {
        display: flex;
    }
    .hero.deskt{
        display: none;
    }
    .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;   
        opacity: 1;     
    }
    .bgimg img {
        max-height: 100%;
        animation: herobgfade 2.5s;
    }
    .hero{
        background: none;
    }
    .hero .container{
        z-index: 3;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .page-header{
        background-attachment: scroll;
    }
    header img{
        max-width: 170px;
    }
    .hero h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .hero p{
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    .btn-oracle{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.05em;
        color: #000000;
        padding: 16px 16px;
    }
    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    .who-we-are h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are h2:before{
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #00A850;
        height: 3px;
        bottom: -15px;
    }
    .who-we-are .streak{
        display: none;
    }
    .who-we-are img{
        max-width: 220px;
        margin-top: 60px;
    }
    .who-we-are p{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 0;
        padding: 0 15px;
    }
    .who-we-are .btn-oracle{
        margin-top: 30px;
    }
    .talk-to-us h2{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    .talk-to-us p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }
    .talk-to-us,
    footer{
        padding-bottom: 0px;
    }
    footer .wtitle,
    .footer-links li a,
    footer p{
        font-size: 16px;
        line-height: 28px;
    }
    footer .wtitle,
    .footer-links li,
    .socialinks,
    footer p{
        padding:0px 15px;
    }
    .copyright p,
    .copyright a{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.1em;
        color: rgba(255, 255, 255, 0.8);
    }
    .pullup.talk-to-us:before {
        transform: translateY(-30px);
    }
    .success-stories h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        margin-bottom: 50px;
    }
    .success-stories {
        padding: 40px 0 100px 0;
    }
    .slick-prev, .slick-next{
        top: 20% !important;
    }
    .story-body p, .story-author p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */

        text-align: center;
        letter-spacing: 0.05em;

        color: #000000;
    }

    /******** New **********/

    .what-we-do h2,
    .success-stories h2{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .what-we-do h2:before,
    .success-stories h2:before {
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #fff;
        height: 3px;
        bottom: -15px;
    }
    .success-stories h2:before{
        background: #00A850;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        max-width: 220px;
        max-height: 220px;
        margin: 60px auto 0px auto;
    }
    .our-jobs-slider:before {
        position: absolute;
        left: 25px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
        top: 13%;
        width: 260px;
        height: 260px;
        content: "";
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .what-we-do .streak{
        display: none;
    }
    .navig div {
        list-style: none;
        margin-bottom: 15px;
        position: absolute;
        top: 60%;
        left: 53%;
    }
    .success-stories {
        padding: 80px 0 100px 0;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(140px);
    }
    .navig div:nth-child(2) {
        transform: rotate(-45deg) translate(136px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-30deg) translate(130px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-15deg) translate(125px);
    }
    .navig div:nth-child(5) {
        transform: rotate(0deg) translate(120px);
    }
    .navig div:nth-child(6) {
        transform: rotate(15deg) translate(118px);
    }
    .what-we-do h4{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #000000;
        padding: 0px 15px;
    }
    .what-we-do p {
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.05em;
        color: #000000;
        margin-top: 30px;
        padding: 0px 15px;
    }
    .shapeup.what-we-do:after {
        bottom: -30px;
    }
    .btn-oracle.inverse {
        background: #000;
        color: #00A850;
    }
    .slick-prev,.slick-next{
        z-index: 1;
    }
    .success-stories h2{
        border: none;
    }

    /*********** New *********/
    
    .who-we-are.about-us{
        padding: 60px 0px 80px 0px;
    }
    .service-content:before{
        top: 110px;
        transform: translate(50%);
    }
    .service-content h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .service-content .service-sub-heading{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .service-content p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .service-content .btn{
        float: none !important;
    }
    .service-content{
        padding: 60px 0;
    }
    .shape-before-talk-to-us:before{
        transform: translateY(-25px);
    }
    .goodiesrow {
        margin: 30px 0;
    }
    .page-header h1,
    .service-content.success-stories-sec h2{
        font-size: 28px;
        line-height: 35px   
    }
    .testimonial-author,
    .testimonial-author h4,
    .testimonial-author h5{
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-thumb img{
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .testimonial-thumb{
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0px 0px 30px 0px
    }
    .testimonial-box:after{
        display: none;
    }
    .testimonial-box{
        border-bottom: 2px solid #00A850;
        padding-bottom: 50px;
    }
    .even .testimonial-author {
        text-align: center;
    }
    .inview.success-stories-sec.service-content:before {
        transform: translate(50%,50%);
        width: 50%;
    }
    .testmbox {
        margin-bottom: 0 !important;
    }
    .pullup.service-main-heading:before {
	    width: 50%;
	    left: 50%;
	    transform: translate(-50%,50%);
	}
	.service-content .btn{
		margin: 25px 0px 50px 0 !important;
	}
	.mob-margin-top{
		margin-top: 50px;
	}
	.goodie-box{
		flex-direction: column;
	}
	.goodie-thumb{
		margin-right: 0;
		padding: 15px;
	}
	.goodie-title{
		max-width: 100%;
	}
	.goodie-title h4{
		margin-top: 10px;
		font-size: 18px;
	}
	.mobile-margin-bottom{
		margin-bottom: 0 !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

    .hero:before {
        z-index: 2;
    }
    .hero.phone {
        display: flex;
    }
    .hero.deskt{
        display: none;
    }
    .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;   
        opacity: 1;     
    }
    .bgimg img {
        max-height: 100%;
        animation: herobgfade 2.5s;
    }
    .hero{
        background: none;
    }
    .hero .container{
        z-index: 3;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .page-header{
        background-attachment: scroll;
    }
    header img{
        max-width: 200px;
    }
    .hero h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .hero p{
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    .btn-oracle{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.05em;
        color: #000000;
        padding: 16px 16px;
    }
    .about-us .btn-oracle{
        color: #fff;
    }
    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    .who-we-are h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are h2:before{
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #00A850;
        height: 3px;
        bottom: -15px;
    }
    .who-we-are .streak{
        display: none;
    }
    .who-we-are img{
        max-width: 220px;
        margin-top: 60px;
    }
    .who-we-are p{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 0;
        padding: 0 15px;
    }
    .who-we-are .btn-oracle{
        margin-top: 30px;
    }
    .talk-to-us h2{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    .talk-to-us p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }
    .talk-to-us,
    footer{
        padding-bottom: 0px;
    }
    footer .wtitle,
    .footer-links li a,
    footer p{
        font-size: 16px;
        line-height: 28px;
    }
    footer .wtitle,
    .footer-links li,
    .socialinks,
    footer p{
        padding:0px 15px;
    }
    .copyright p,
    .copyright a{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.1em;
        color: rgba(255, 255, 255, 0.8);
    }
    .pullup.talk-to-us:before {
        transform: translateY(-30px);
    }
    .success-stories h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        margin-bottom: 50px;
    }
    .success-stories {
        padding: 40px 0 100px 0;
    }
    .slick-prev, .slick-next{
        top:20% !important;
    }
    .story-body p, .story-author p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */

        text-align: center;
        letter-spacing: 0.05em;

        color: #000000;
    }

    /******** New **********/

    .what-we-do h2,
    .success-stories h2{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .what-we-do h2:before,
    .success-stories h2:before {
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #fff;
        height: 3px;
        bottom: -15px;
    }
    .success-stories h2:before{
        background: #00A850;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        max-width: 220px;
        max-height: 220px;
        margin: 60px auto 0px auto;
    }
    .our-jobs-slider:before {
        position: absolute;
        left: 25px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
        top: 13%;
        width: 260px;
        height: 260px;
        content: "";
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .what-we-do .streak{
        display: none;
    }
    .navig div {
        list-style: none;
        margin-bottom: 15px;
        position: absolute;
        top: 60%;
        left: 53%;
    }
    .success-stories {
        padding: 80px 0 100px 0;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(140px);
    }
    .navig div:nth-child(2) {
        transform: rotate(-45deg) translate(136px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-30deg) translate(130px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-15deg) translate(125px);
    }
    .navig div:nth-child(5) {
        transform: rotate(0deg) translate(120px);
    }
    .navig div:nth-child(6) {
        transform: rotate(15deg) translate(118px);
    }
    .what-we-do h4{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #000000;
        padding: 0px 15px;
    }
    .what-we-do p {
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.05em;
        color: #000000;
        margin-top: 30px;
        padding: 0px 15px;
    }
    .shapeup.what-we-do:after {
        bottom: -30px;
    }
    .btn-oracle.inverse {
        background: #000;
        color: #00A850;
    }
    .slick-prev,.slick-next{
        z-index: 1;
    }
    .success-stories h2{
        border: none;
    }

    /*********** New *********/
    
    .who-we-are.about-us{
        padding: 60px 0px 80px 0px;
    }
    .service-content:before{
        top: 110px;
        transform: translate(50%);
    }
    .service-content h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .service-content .service-sub-heading{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .service-content p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .service-content .btn{
        float: none !important;
    }
    .service-content{
        padding: 60px 0;
    }
    .shape-before-talk-to-us:before{
        transform: translateY(-25px);
    }
    .goodiesrow {
        margin: 30px 0;
    }
    .page-header h1,
    .service-content.success-stories-sec h2{
        font-size: 28px;
        line-height: 35px   
    }
    .testimonial-author,
    .testimonial-author h4,
    .testimonial-author h5{
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-thumb img{
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .testimonial-thumb{
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0px 0px 30px 0px
    }
    .testimonial-box:after{
        display: none;
    }
    .testimonial-box{
        border-bottom: 2px solid #00A850;
        padding-bottom: 50px;
    }
    .even .testimonial-author {
        text-align: center;
    }
    .inview.success-stories-sec.service-content:before {
        transform: translate(50%,50%);
        width: 50%;
    }
    .testmbox {
        margin-bottom: 0 !important;
    }
    .pullup.service-main-heading:before {
	    width: 50%;
	    left: 50%;
	    transform: translate(-50%,50%);
	}
	.service-content .btn{
		margin: 25px 0px 50px 0px !important;
	}
	.mob-margin-top{
		margin-top: 50px;
	}
	.goodie-box{
		flex-direction: column;
	}
	.goodie-thumb{
		margin-right: 0;
		padding: 15px;
	}
	.goodie-title{
		max-width: 100%;
	}
	.goodie-title h4{
		margin-top: 10px;
		font-size: 18px;
	}
	.mobile-margin-bottom{
		margin-bottom: 0 !important;
	}
	.service-feats .wp-block-columns .wp-block-column{
		margin-bottom: 20px !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .hero:before {
        z-index: 2;
    }
    .hero.phone {
        display: flex;
    }
    .hero.deskt{
        display: none;
    }
    .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;   
        opacity: 1;     
    }
    .bgimg img {
        max-height: 100%;
        animation: herobgfade 2.5s;
    }
    .hero{
        background: none;
    }
    .hero .container{
        z-index: 3;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .page-header{
        background-attachment: scroll;
    }
    header img{
        max-width: 200px;
    }
    .hero h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .hero p{
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    .btn-oracle{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.05em;
        color: #000000;
        padding: 16px 16px;
    }
    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    .who-we-are h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are h2:before{
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #00A850;
        height: 3px;
        bottom: -15px;
    }
    .who-we-are .streak{
        display: none;
    }
    .who-we-are img{
        max-width: 220px;
        margin-top: 60px;
    }
    .who-we-are p{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 0;
        padding: 0 15px;
    }
    .who-we-are .btn-oracle{
        margin-top: 30px;
    }
    .about-us .btn-oracle{
        color: #fff;
    }
    .talk-to-us h2{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    .talk-to-us p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }
    .talk-to-us,
    footer{
        padding-bottom: 0px;
    }
    footer .wtitle,
    .footer-links li a,
    footer p{
        font-size: 16px;
        line-height: 28px;
    }
    footer .wtitle,
    .footer-links li,
    .socialinks,
    footer p{
        padding:0px 15px;
    }
    .copyright p,
    .copyright a{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.1em;
        color: rgba(255, 255, 255, 0.8);
    }
    .pullup.talk-to-us:before {
        transform: translateY(-30px);
    }
    .success-stories h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        margin-bottom: 50px;
    }
    .success-stories {
        padding: 40px 0 100px 0;
    }
    .slick-prev, .slick-next{
        top: 20% !important;
    }
    .story-body p, .story-author p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */

        text-align: center;
        letter-spacing: 0.05em;

        color: #000000;
    }

    /******** New **********/

    .what-we-do h2,
    .success-stories h2{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .what-we-do h2:before,
    .success-stories h2:before {
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #fff;
        height: 3px;
        bottom: -15px;
    }
    .success-stories h2:before{
        background: #00A850;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        max-width: 220px;
        max-height: 220px;
        margin: 60px auto 0px auto;
    }
    .our-jobs-slider:before {
        position: absolute;
        left: 25px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
        top: 13%;
        width: 260px;
        height: 260px;
        content: "";
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .what-we-do .streak{
        display: none;
    }
    .navig div {
        list-style: none;
        margin-bottom: 15px;
        position: absolute;
        top: 60%;
        left: 53%;
    }
    .success-stories {
        padding: 80px 0 100px 0;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(140px);
    }
    .navig div:nth-child(2) {
        transform: rotate(-45deg) translate(136px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-30deg) translate(130px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-15deg) translate(125px);
    }
    .navig div:nth-child(5) {
        transform: rotate(0deg) translate(120px);
    }
    .navig div:nth-child(6) {
        transform: rotate(15deg) translate(118px);
    }
    .what-we-do h4{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #000000;
        padding: 0px 15px;
    }
    .what-we-do p {
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.05em;
        color: #000000;
        margin-top: 30px;
        padding: 0px 15px;
    }
    .shapeup.what-we-do:after {
        bottom: -30px;
    }
    .btn-oracle.inverse {
        background: #000;
        color: #00A850;
    }
    .slick-prev,.slick-next{
        z-index: 1;
    }
    .success-stories h2{
        border: none;
    }

    /*********** New *********/
    
    .who-we-are.about-us{
        padding: 60px 0px 80px 0px;
    }
    .service-content:before{
        top: 110px;
        transform: translate(50%);
    }
    .service-content h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .service-content .service-sub-heading{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .service-content p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .service-content .btn{
        float: none !important;
    }
    .service-content{
        padding: 60px 0;
    }
    .shape-before-talk-to-us:before{
        transform: translateY(-25px);
    }
    .goodiesrow {
        margin: 50px 0;
    }
    .page-header h1,
    .service-content.success-stories-sec h2{
        font-size: 28px;
        line-height: 35px   
    }
    .testimonial-author,
    .testimonial-author h4,
    .testimonial-author h5{
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-thumb img{
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .testimonial-thumb{
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0px 0px 30px 0px
    }
    .testimonial-box:after{
        display: none;
    }
    .testimonial-box{
        border-bottom: 2px solid #00A850;
        padding-bottom: 50px;
    }
    .even .testimonial-author {
        text-align: center;
    }
    .inview.success-stories-sec.service-content:before {
        transform: translate(50%,50%);
        width: 50%;
    }
    .testmbox {
        margin-bottom: 0 !important;
    }
    .pullup.service-main-heading:before {
	    width: 50%;
	    left: 50%;
	    transform: translate(-50%,50%);
	}
	.service-content .btn{
		margin: 50px 0 !important;
	}
	.mob-margin-top{
		margin-top: 50px;
	}
	.goodie-box{
		flex-direction: column;
	}
	.goodie-thumb{
		margin-right: 0;
		padding: 15px;
	}
	.goodie-title{
		max-width: 100%;
	}
	.goodie-title h4{
		margin-top: 10px;
		font-size: 18px;
	}
	.mobile-margin-bottom{
		margin-bottom: 0 !important;
	}
	.service-feats .wp-block-columns .wp-block-column{
		margin-bottom: 20px !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .hero:before {
        z-index: 2;
    }
    .hero.phone {
        display: flex;
    }
    .hero.deskt{
        display: none;
    }
    .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;   
        opacity: 1;     
    }
    .bgimg img {
        max-height: 100%;
        animation: herobgfade 2.5s;
    }
    .hero{
        background: none;
    }
    .hero .container{
        z-index: 3;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .page-header{
        background-attachment: scroll;
    }
    header img{
        max-width: 200px;
    }
    .hero h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .hero p{
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    .btn-oracle{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0.05em;
        color: #000000;
        padding: 16px 16px;
    }
    .about-us .btn-oracle{
        color: #fff;
    }
    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    .who-we-are h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are h2:before{
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #00A850;
        height: 3px;
        bottom: -15px;
    }
    .who-we-are .streak{
        display: none;
    }
    .who-we-are img{
        max-width: 220px;
        margin-top: 60px;
    }
    .who-we-are p{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 0;
        padding: 0 15px;
    }
    .who-we-are .btn-oracle{
        margin-top: 30px;
    }
    .talk-to-us h2{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    .talk-to-us p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }
    .talk-to-us,
    footer{
        padding-bottom: 0px;
    }
    footer .wtitle,
    .footer-links li a,
    footer p{
        font-size: 16px;
        line-height: 28px;
    }
    footer .wtitle,
    .footer-links li,
    .socialinks,
    footer p{
        padding:0px 15px;
    }
    .copyright p,
    .copyright a{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.1em;
        color: rgba(255, 255, 255, 0.8);
    }
    .pullup.talk-to-us:before {
        transform: translateY(-30px);
    }
    .success-stories h2{
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        margin-bottom: 50px;
    }
    .success-stories {
        padding: 40px 0 100px 0;
    }
    .slick-prev, .slick-next{
        top: 20% !important;
    }
    .story-body p, .story-author p{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */

        text-align: center;
        letter-spacing: 0.05em;

        color: #000000;
    }

    /******** New **********/

    .what-we-do h2,
    .success-stories h2{
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .what-we-do h2:before,
    .success-stories h2:before {
        position: absolute;
        left: 50%;
        width: 50%;
        transform: translate(-50%);
        content: "";
        background: #fff;
        height: 3px;
        bottom: -15px;
    }
    .success-stories h2:before{
        background: #00A850;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        max-width: 220px;
        max-height: 220px;
        margin: 60px auto 0px auto;
    }
    .our-jobs-slider:before {
        position: absolute;
        left: 25px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
        top: 13%;
        width: 260px;
        height: 260px;
        content: "";
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .what-we-do .streak{
        display: none;
    }
    .navig div {
        list-style: none;
        margin-bottom: 15px;
        position: absolute;
        top: 60%;
        left: 53%;
    }
    .success-stories {
        padding: 80px 0 100px 0;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(140px);
    }
    .navig div:nth-child(2) {
        transform: rotate(-45deg) translate(136px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-30deg) translate(130px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-15deg) translate(125px);
    }
    .navig div:nth-child(5) {
        transform: rotate(0deg) translate(120px);
    }
    .navig div:nth-child(6) {
        transform: rotate(15deg) translate(118px);
    }
    .what-we-do h4{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #000000;
        padding: 0px 15px;
    }
    .what-we-do p {
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.05em;
        color: #000000;
        margin-top: 30px;
        padding: 0px 15px;
    }
    .shapeup.what-we-do:after {
        bottom: -30px;
    }
    .btn-oracle.inverse {
        background: #000;
        color: #00A850;
    }
    .slick-prev,.slick-next{
        z-index: 1;
    }
    .success-stories h2{
        border: none;
    }

    /*********** New *********/
    
    .who-we-are.about-us{
        padding: 60px 0px 80px 0px;
    }
    .service-content:before{
        top: 110px;
        transform: translate(50%);
    }
    .service-content h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .service-content .service-sub-heading{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .service-content p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .service-content .btn{
        float: none !important;
    }
    .service-content{
        padding: 60px 0;
    }
    .shape-before-talk-to-us:before{
        transform: translateY(-25px);
    }
    .goodiesrow {
        margin: 50px 0;
    }
    .page-header h1,
    .service-content.success-stories-sec h2{
        font-size: 28px;
        line-height: 35px   
    }
    .testimonial-author,
    .testimonial-author h4,
    .testimonial-author h5{
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .testimonial-thumb img{
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .testimonial-thumb{
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0px 0px 30px 0px
    }
    .testimonial-box:after{
        display: none;
    }
    .testimonial-box{
        border-bottom: 2px solid #00A850;
        padding-bottom: 50px;
    }
    .even .testimonial-author {
        text-align: center;
    }
    .inview.success-stories-sec.service-content:before {
        transform: translate(50%,50%);
        width: 50%;
    }
    .testmbox {
        margin-bottom: 0 !important;
    }
    #start_up_accounting_phone_title{
        text-align: center;
    }
    #start_up_accounting.pullup .streak {
        width: 50%;
        transform: translate(50%,50%);
    }
    #start_up_accounting_phone_info p,
    #start_up_accounting_phone_info ul{
        text-align: left;
    }
    .pullup.service-main-heading:before {
	    width: 50%;
	    left: 50%;
	    transform: translate(-50%,50%);
	}
	.service-content .btn{
		margin: 50px 0 !important;
	}
	.mob-margin-top{
		margin-top: 50px;
	}
	.goodie-box{
		flex-direction: column;
	}
	.goodie-thumb{
		margin-right: 0;
		padding: 15px;
	}
	.goodie-title{
		max-width: 100%;
	}
	.goodie-title h4{
		margin-top: 10px;
		font-size: 18px;
	}
	.mobile-margin-bottom{
		margin-bottom: 0 !important;
	}
	.service-feats .wp-block-columns .wp-block-column{
		margin-bottom: 20px !important;
	}
}




/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/****** Tablets ******/

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .slick-prev, .slick-next{
        z-index: 1;
    }
    .normal{
        display: none;
    }
    .ipad{
        display: block;
    }
    
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    .navig div {
        top: 60%;
        left: 42%;
    }
    .slick-prev, .slick-next{
        top: 35% !important;
    }
    .our-jobs-slider:before{
        width: 115%;
    }
    .service-content:before{
        top: 195px;
    }

    #service-content .linein{
        display: none !important;
    }
    .lineon .service-main-heading:before{
        transform: translate(-50%,50%);
        width: 50%;
    }
    .service-main-heading:before{
        position: absolute;
        content: "";
        width: 0%;
        left: 50%;
        height: 2px;
        border-radius: 5px;
        background: #00A850;
        bottom: -10px;
        transition: width 1s ease;
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -o-transition: width 1s ease;
    }

    /*** iPad to adopt Mobile look ***/

    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    
    .who-we-are h2 {
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are img {
        margin-top: 60px;
    }

    .what-we-do h2
    {
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        margin: 60px auto 0px auto;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(222px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-40deg) translate(220px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-30deg) translate(220px);
    }
    .navig div:nth-child(5) {
        transform: rotate(-20deg) translate(223px);
    }
    .navig div:nth-child(6) {
        transform: rotate(-10deg) translate(225px);
    }
    .navig div{
        top: 50% !important;
        left: 50% !important;
    }
    .our-jobs-slider:before{
        width: 500px !important;
        height: 500px !important;
        left: 10%;
        top: 8%;
    }
    #phone-what-we-do-slider-content .btn{
        margin-top: 30px;
    }
    .who-we-are.about-us.steakon .streak,
    #what-we-do-sba.lineon .streak{
        transform: translate(-50%,50%);
        left: 50%;
    }
    .who-we-are.about-us img{
        margin-top: 80px;
    }
    .inner-sec .linein{
        display: none !important;
    }
    #service-content .linein {
        transform: translate(-50%,50%);
        left: 50%;
        width: 50%;
    }
    .service-content .wp-block-columns{
        flex-wrap: wrap;
    }
    .service-content .wp-block-column {
        flex-basis: 100%!important;
    }
    .service-content .featicons .wp-block-column{
        flex-basis: 50%!important;
    }
    .service-content{
        text-align: center;
    }
    .service-content .mob-margin-top{
        margin-top: 50px;
    }
    .service-content .wp-block-column:nth-child(2n){
        margin-left: 0 !important;
    }
    .service-feats .text-center.text-sm-right,
    .service-content .mobile.text-center.text-sm-left,
    .service-content .text-center.text-sm-left{
        text-align: center !important;
    }
    .service-feats .btn-oracle.filled-green{
        float: none !important;
    }
    .service-content .wp-block-columns.mobile-margin-bottom {
        margin-bottom: 0;
    }
    .service-feats{
        margin-top: 60px;
    }
    .service-content .mobile.text-center.text-sm-left .btn,
    .service-content .text-center.text-sm-left .btn{
        float: none !important;
    }
    .service-content .service-thumb-round{
        margin-top: 30px;
    }
    #start_up_accounting_phone_subtitle,
    #small_business_phone_subtitle,
    #enterprise_accounting_phone_subtitle{
        font-size: 24px;
        line-height: 36px;
    }
    #start_up_accounting_phone_info p,
    #start_up_accounting_phone_info ul,
    #small_business_phone_info p, 
    #small_business_phone_info ul,
    #enterprise_accounting_phone_info p,
    #enterprise_accounting_phone_info ul{
        font-size: 18px;
        line-height: 36px;
    }
    #start_up_accounting_phone_title,
    #small_business_phone_title,
    #enterprise_accounting_phone_title{
        font-size: 48px;
        line-height: 60px;
    }

    /*** iPad to adopt Mobile look ends ***/
    .ipad-pro-top-margin{
        margin-top: 50px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .navig div{
        top: 60%;
        left: 40%;
    }
    .slick-slide img{
        max-width: 350px;
    }
    .slick-prev, .slick-next {
        top: 40% !important;
    }
    

    /*** Test ***/
    .our-jobs-thumbs .slick-slide img {
        display: table;
        margin: 60px auto 0px auto;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(222px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-40deg) translate(220px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-30deg) translate(220px);
    }
    .navig div:nth-child(5) {
        transform: rotate(-20deg) translate(223px);
    }
    .navig div:nth-child(6) {
        transform: rotate(-10deg) translate(225px);
    }
    .navig div{
        top: 50% !important;
        left: 50% !important;
    }
    .our-jobs-slider:before {
        width: 465px !important;
        height: 486px !important;
        left: -3%;
        top: 10%;
    }

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .slick-prev, .slick-next{
        z-index: 1;
    }
    .normal{
        display: none;
    }
    .ipad{
        display: block;
    }
    #menu-mobile-menu .nav-item:last-child{
        position: relative;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .navig div {
        top: 60%;
        left: 42%;
    }
    .slick-prev, .slick-next{
        top: 35% !important;
    }
    .our-jobs-slider:before{
        width: 115%;
    }
    
    .service-content:before{
        top: 195px;
    }

    #service-content .linein{
        display: none !important;
    }
    .lineon .service-main-heading:before{
        transform: translate(-50%,50%);
        width: 50%;
    }
    .service-main-heading:before{
        position: absolute;
        content: "";
        width: 0%;
        left: 50%;
        height: 2px;
        border-radius: 5px;
        background: #00A850;
        bottom: -10px;
        transition: width 1s ease;
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -o-transition: width 1s ease;
    }

    /*** iPad to adopt Mobile look ***/

    .phonerow{
        display: flex;
    }
    .deskrow{
        display: none;
    }
    
    .who-we-are h2 {
        font-family: 'Muli', sans-serif;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        position: relative;
    }
    .who-we-are img {
        margin-top: 60px;
    }

    .what-we-do h2
    {
        font-family: Muli;
        font-style: normal;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000000;
        position: relative;
    }
    .our-jobs-thumbs .slick-slide img {
        display: table;
        margin: 60px auto 0px auto;
    }
    .navig div:nth-child(1) {
        transform: rotate(-60deg) translate(222px);
    }
    .navig div:nth-child(3) {
        transform: rotate(-40deg) translate(220px);
    }
    .navig div:nth-child(4) {
        transform: rotate(-30deg) translate(220px);
    }
    .navig div:nth-child(5) {
        transform: rotate(-20deg) translate(223px);
    }
    .navig div:nth-child(6) {
        transform: rotate(-10deg) translate(225px);
    }
    .navig div{
        top: 50% !important;
        left: 50% !important;
    }
    .our-jobs-slider:before{
        width: 500px !important;
        height: 500px !important;
        left: 10%;
        top: 8%;
    }
    #phone-what-we-do-slider-content .btn{
        margin-top: 30px;
    }
    .who-we-are.about-us.steakon .streak,
    #what-we-do-sba.lineon .streak{
        transform: translate(-50%,50%);
        left: 50%;
    }
    .who-we-are.about-us img{
        margin-top: 80px;
    }
    .inner-sec .linein{
        display: none !important;
    }
    #service-content .linein {
        transform: translate(-50%,50%);
        left: 50%;
        width: 50%;
    }
    .service-content .wp-block-columns{
        flex-wrap: wrap;
    }
    .service-content .wp-block-column {
        flex-basis: 100%!important;
    }
    .service-content .featicons .wp-block-column{
        flex-basis: 50%!important;
    }
    .service-content{
        text-align: center;
    }
    .service-content .mob-margin-top{
        margin-top: 50px;
    }
    .service-content .wp-block-column:nth-child(2n){
        margin-left: 0 !important;
    }
    .service-feats .text-center.text-sm-right,
    .service-content .mobile.text-center.text-sm-left,
    .service-content .text-center.text-sm-left{
        text-align: center !important;
    }
    .service-feats .btn-oracle.filled-green{
        float: none !important;
    }
    .service-content .wp-block-columns.mobile-margin-bottom {
        margin-bottom: 0;
    }
    .service-feats{
        margin-top: 60px;
    }
    .service-content .mobile.text-center.text-sm-left .btn,
    .service-content .text-center.text-sm-left .btn{
        float: none !important;
    }
    .service-content .service-thumb-round{
        margin-top: 30px;
    }
    #start_up_accounting_phone_subtitle,
    #small_business_phone_subtitle,
    #enterprise_accounting_phone_subtitle{
        font-size: 24px;
        line-height: 36px;
    }
    #start_up_accounting_phone_info p,
    #start_up_accounting_phone_info ul,
    #small_business_phone_info p, 
    #small_business_phone_info ul,
    #enterprise_accounting_phone_info p,
    #enterprise_accounting_phone_info ul{
        font-size: 18px;
        line-height: 36px;
    }
    #start_up_accounting_phone_title,
    #small_business_phone_title,
    #enterprise_accounting_phone_title{
        font-size: 48px;
        line-height: 60px;
    }

    /*** iPad to adopt Mobile look ends ***/
    .ipad-pro-top-margin{
        margin-top: 50px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .navig div{
        top: 60%;
        left: 40%;
    }
    .slick-slide img{
        max-width: 350px;
    }
    .slick-prev, .slick-next {
        top: 40% !important;
    }
    
    
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .normal{
        display: none;
    }
    .ipad{
        display: block;
    }
    #menu-mobile-menu .nav-item:last-child{
        position: relative;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .slick-slide img {
        max-width: 360px;
    }
    .our-jobs-slider:before{
        width: 115%;
    }
    
    .ipad-pro-top-margin{
        margin-top: 50px;
    }

    .navig div{
        top: 52%;
        left: 57%;
    }
    .our-jobs-slider:before{
        left: 21%;
    }
    #service-content .linein{
        display: none !important;
    }
    .lineon .service-main-heading:before{
        transform: translate(-50%,50%);
        width: 50%;
    }
    .service-main-heading:before{
        position: absolute;
        content: "";
        width: 0%;
        left: 50%;
        height: 2px;
        border-radius: 5px;
        background: #00A850;
        bottom: -10px;
        transition: width 1s ease;
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -o-transition: width 1s ease;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .goodie-thumb{
        width: auto;
    }
}