/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 300px) and (max-device-width : 480px) {
.iframe-container iframe {
    width: 100%;
    height: auto;
}    

    .oppenned li {
    margin-right: 175px;
    margin-bottom: 10px;
}  
main {
    position: relative;
    z-index: 0;
}
.testiContainer figure {
    top: 0 !important;
    right: 0 !important;
    position: relative !important;
    margin-top: -50px;
} 
.testiContainer h3 {
    font-size: 15px;
}   
.open {
    top: 8px;
    right: 20px;
    z-index: 99999999;
}
.sub-menu {
    z-index: 99999999;
}
.oppenned span:nth-child(1), .oppenned span:nth-child(3) {
    z-index: 99999999999;
}
    p,
    span,
    .content {
        font-size: 14px !important;
    }

    .logo {
        width: 120px;
    }

    .expertisebgimg1 {
        width: 333px;
    }

    .section6 {

        height: auto;
    }

    .testimonials {
        padding-top: 87px;
    }

    .headerWraper {
        padding-left: 0 !important;
        padding-top: 10px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .headerWraper > .col-md-2 {
        width: 20%;
    }

    .headerWraper > .col-md-10 {
        width: 78%;
    }

    .ourStory .bgImgLeft2 img {
        width: 100%;
    }

    .MainNav {
        padding-right: 31px !important;

    }

    /*.open {
        top: 14px;
        right: 29px;
    }*/

    .MainNav svg {
        width: 26px;
        padding-right: 1px;
        vertical-align: super;
        font-weight: bold;
    }

    .MainNav .MainNavcontact a {
        font-size: 14px;
    }

    .MainNav .MainNavcontact {

        width: 71px;
        display: none;
    }

    .section1 {
        height: 40vh;
        z-index: 999999;
    }

    .bannerlist {
        top: 22px;
        overflow: visible !important;
    }


    .socialIcon {
        display: none;
    }

    .ourStoryContent {

        top: -9%;
        left: 0;
    }

    .ourStory > .bgImgLeft1 {
        top: -1%;
        width: 42%;
        left: 72%;
        z-index: 999;
    }

    .ourStory > .bgImgRight2 {
        position: absolute;
        right: -10%;
        bottom: 11%;
        width: 166px;
    }

    .ourStoryContent h2 {

        text-align: left;

    }

    .ourStoryContent span {

        padding-left: 9px;

        font-size: 14px;
    }

    .section2 .content {

        font-size: 14px;
    }

    .ourStory .bgImgLeft1 img {
        width: 62%;
    }

    .ourStoryContent p {

        padding-left: 10px;
    }

    .servicescontent h2 {
        margin-left: 0;
    }

    .servicesbgimgright3 {
        position: relative;
        bottom: 36%;
        right: -12%;
        width: 247px;
        z-index: 10;
        opacity: 1.0;
    }

    .section3::after {
        bottom: -85px;
    }

    .servicesbgimgright2 {
        position: absolute;
        top: 38%;
        width: 53px;
    }

    .servicesbgimgright1 {

        display: none;
    }

    ul.servicesList {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .services1 {
        padding-top: 16px;
    }

    .servicesList li a figure {
        width: 40px;
    }

    /*.servicesList li a svg {
        width: 25px;
    }*/

    figure > span.content {
        font-size: 12px;
    }

    .servicesList li {
        width: 100%;
        padding-bottom: 0;
    }

    .servicesList li:first-child figure,
    .servicesList li:last-child figure {
        width: 40px;
        height: 40px;
    }

    .servicesList li a figure {
        height: 41px;
    }

    .expertise .expertiseContent h2 {
        margin-left: 0;
    }

    h2.title br {
        display: none;
    }

    h2.title {
        margin-left: 0 !important;
        text-align: center !important;
        display: block !important;
    }

    .section4 .title {
        color: #eae400;
        font-family: "Josefin Sans", sans-serif;
        font-size: 35px;
    }

    .bluecircleservicessmal2 {
        display: none;
    }

    .expertise .expertiseContent span {

        padding-left: 3px;
    }

.dehivestorywrap .servicesList li {
    width: 49%;
    margin: 0;
}
.dhiveStoryServices .servicesList {
    list-style-type: none;
    display: flex;
    text-align: center;
}

    .story {
        position: relative;
        padding-top: 40px;
    }

    .storySection2 {
        height: 42vh;
    }

    .dhiveStory .dhiveStoryRight {
        right: 4%;
    }

    .dhiveStory .dhiveStoryLeftImg1 {
        left: 3%;
        bottom: 11%;
        opacity: 0.6;
        width: 46px;
    }

    .dhiveStory .dhiveStoryCenterImg1 {
        opacity: 0.5;
        width: 250px;
        bottom: 2%;
        z-index: 999;
    }


    .dhiveStoryServices {

        height: 76vh !important;
    }
header {
    z-index: 9999;
}
.aroundDhiveWrapper h1 {
    font-size: 32px !important;
    padding-left: 15px;
    line-height: 1 !important;
    /* max-width: 40%; */
}
.digitalportfolio .title {
    font-size: 31px;
}
.testiWrapper .bgImgRight2 {
    position: absolute;
    right: 5%;
    bottom: 20%;
    width: 110px;
}

    .dhiveStoryServices {
        height: auto !important;
        padding: 25px 0 0 0;
    }

    .aroundDhiveWrapper {
        padding-top: 49px;
        height: 37% !important;
    }

    .bgImgRight2.wow.bounce {
        /*display: none;*/
    }

/*.DHiveServices .title {
    font-size: 20px;
    line-height: 30px;
    text-align: center !important;
}*/

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

    .dhiveweb {

        padding: 23px 0 0 0;
    }

    .dhiveweb .left .leftImg {
    left: auto;
    top: auto;
    width: 200px;
    z-index: 999;
    bottom: 0;
    right: 0;
}

    .dhiveweb {

        height: auto;
    }

    .dhivemobile .right .leftContent {
        padding: 0px 0 48px 0px;
    }

.dhivemobile .right .rightImg {
    right: 0;
    top: auto;
    width: 190px;
    bottom: 0;
    z-index: 0;
}

    .dhivemobile {
        height: auto;
        padding: 58px 0;
    }
    
    .dhivemobile .content{
        padding: 15px;
    }

.dhiveDigital .left .leftImg {
    left: auto;
    top: auto;
    width: 180px;
    z-index: 999;
    opacity: 0.8;
    bottom: 0;
    right: 0;
}

    .dhiveDigital {
        height: auto;
        padding: 0;
    }
    
    .dhiveDigital .content{
        padding: 15px;
    }

.dhivecreative .right .rightImg {
    right: 0;
    top: auto;
    width: 189px;
    z-index: 999;
    bottom: -70px;
}

    .dhivecreative .right .leftContent {
        padding: 0;
    }

    .dhivecreative {

        height: auto;

        padding: 41px 0;
    }
    
    .dhivecreative .content{
        padding: 15px;
    }

.dhivefilming .left .leftImg {
    position: absolute;
    left: auto;
    top: auto;
    width: 170px;
    z-index: 999;
    bottom: -30px;
}

    .dhivefilming {
        height: auto;
        position: relative;
        padding: 5px 0;
    }
    
    .dhivefilming .content{
        padding: 15px;
    }

    .dhiveSMM .right .rightImg {
    right: 10px;
    top: auto;
    width: 160px;
    z-index: 999;
    bottom: -40px;
}
.dhivecreative .title {
    max-width: initial;
}

    .dhiveSMM .right .leftContent {
        padding: 0;
    }

    .dhiveSMM {
        height: 71vh;
        padding: 55px 0;
    }
    
    .dhiveSMM .content{
        padding: 15px;
    }

    .expertCoverInside {
        position: relative;
        padding: 35px 0;
        height: 41% !important;
    }

    .expertCoverInside .bgImgRight1 {
        bottom: -39%;
    }

    .expertCoverInside .title {
        font-size: 31px;
        line-height: 41px;
    }

    .expertWrapper {
        height: auto;
        /*padding: 127px 0 0 0;*/
        padding: 37px 0 0 0;
    }

    .expertWrapper .dhiveStoryLeftImg1 {
        display: none;
    }

    .expertWrapper .dhiveStoryCenterImg1 {
        right: 15%;
    }

    .expertWrapper .dhiveStoryCenterImg1 {
        right: 15%;
        bottom: -7%;
        width: 296px;
        z-index: 999;
    }

    .testimonials .testimonialsContent {
        left: 0;
    }


    .story h1 {
        font-size: 31px !important;
        line-height: 33px !important;
        padding-left: 23px;
    }

    .dhiveStory .title {
        font-size: 27px;
        line-height: 36px;
    }

    .dhiveStory .subTitle {
        font-size: 17px !important;
        margin-top: -32px;
        padding: 20px;
    }

    .dhiveStory {
        height: 90vh;
        padding-top: 54px;
    }
    
    .joinus {
        position: relative;
        padding-top: 0px;
        margin-bottom: -15px;
    }
    
    .joinus h1 {
        font-size: 35px !important;
        line-height: 41px !important;
        color: #ffffff !important;
        padding-left: 32px;
        padding-top: 22px;
    }
    
    .joinus-Ex {
        top: 4% !important;
        width: 63% !important;
        left: 14%;
    }
    
    .testi-Ex {
        top: 4% !important;
        width: 34% !important;
        left: 33%;
    }
    
    .reachHive-Ex {
        top: -23% !important;
        width: 65% !important;
        left: 14%;
    }
    
    .contactWrapper h1 {
        font-size: 35px !important;
        line-height: 41px !important;
        color: #ffffff !important;
        padding-left: 32px;
        padding-top: 14px;
    }

    .addressandfromwrapper {

        padding: 43px 0;
    }

    .testiWrapper {
        height: 32vh !important;
        padding-top: 11px;
    }

    .testcontainer {
        /*height: 76vh;*/
        padding: 45px 0 47px 0;
    }

    .testcontainer .title {
        font-size: 35px;
        line-height: 37px;
    }

    .testcontainer1 {
        height: auto;
        padding: 58px 0 0 0;
    }

    .testiWrapper .title {
        font-size: 30px !important;
        text-align: left;
    }

    .testcontainer .title {
        font-size: 30px;
        line-height: 28px;
    }
    
    .testcontainer h4 {
        font-size: 20px;
    }

    .testcontainer .bgImgRight1 {
        z-index: 999;
    }

    .testcontainer1 .title {
        font-size: 27px;
        line-height: 25px;
    }

    .testcontainer1 .bgImgRight1 {
        z-index: 999;
    }

    .testiWrapper .bgImgRight1 {
        bottom: -10%;
        width: 128px;
        left: 22%;
    }
    
.testiImg {
    width: auto;
    padding-bottom: 20px;
}
.testiImg img {
    width: 100%;
}

    .careerMain {
        height: 35vh;
    }

    .careersWrapper {
        padding-top: 24%;
    }

    .careersWrapper .title {

        font-size: 35px;
        line-height: 20px;
    }

    .careersWrapper .subTitle {
        font-size: 20px !important;

    }

    .vendorRegWrapper {

        padding: 40px 0;
    }
    
    .vendorRegWrapper .content{
        padding: 16px;
    }
    
    .vendorRegWrapper .title {
        color: #ffffff;
        font-family: "Fira Sans";
        font-size: 29px;
        line-height: 37px;
    }

    .vf {
        padding-left: 0 !important;
    }

    .contactWrapper .title {
        font-size: 32px !important;
        line-height: 37px !important;
    }

    .contactWrapper {
        padding-top: 59px;
    }

    .contactPageCover {

        height: 45vh;
    }

    .contactWrapper .bgImgRight1 {

        bottom: -30%;
        width: 120px;
    }

    .webportfolio .title {
        font-size: 30px;
        line-height: 35px;
    }

    .webportfolio {

        padding: 50px 0;
    }

    .portfolioContainer {
        padding-top: 1rem !important;
        margin-top: 14px;
    }

    .portfolioContainer .portfolioImg {
        position: inherit;
        width: auto;
        top: auto;
        right: -23px;
    }
    
    
    /* .portfolioContainer .portfolioImg {
        position: absolute;
        width: 235px;
        right: 3%;
        bottom: -62%;
        top: auto;
    }
*/
    .DHiveServices {
        background-color: #3bdb93;
        height: auto !important;
        position: relative;
        padding: 46px 0 23px 0;
    }

    .portfolioContainer .portfolioContent .companyDetail li:nth-child(2) {
        font-weight: bold;
        font-size: 15px;
    }

    .portfolioContainer:nth-child(3) {
        margin-top: 72px;

    }

    .portfolioContainer:nth-child(3) .portfolioImg {
        /*right: 3%;*/
        bottom: -57%;
    }

    .dhivewebWrapper .content {
        padding-bottom: 1rem !important;
        font-size: 16px !important;
        /*padding-bottom: 28px !important;*/
    }

    .mobileportfolio .title {

        font-size: 30px;
        line-height: 30px;
    }

    .mobileportfolio {

        padding: 74px 0 0 0;

        height: 120vh
    }

    .mobileportfolio .portfolioContainer {

        margin-top: 15px !important;
    }

    .portfolioImg.mobileAppImg {
        width: 193px;
        /*right: 9%;*/
        top: auto;
        bottom: -82%;
    }

    .portfolioContentWrapper {
        padding-top: 0 !important;
    }

    .item {

        -webkit-mask-size: 264px 149px;
        mask-size: 264px 149px;
        margin: -4px auto;

    }

    .item img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 243px !important;
        height: auto;
    }
.digitalportfolio .title, .digitalportfolio p,
.filmingportfolio .title, .filmingportfolio p {
    text-align: center !important;
}
    .portfolioOrder {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 !important;
    }

    .DHiveServices::after {

        bottom: -6%;
    }

    .filmingportfolio .title {
        font-size: 25px;
        line-height: 30px;
    }

    .filmingportfolio::after {

        bottom: -3%;
    }

    .creativeportfolio {

        padding: 9px 0;

    }

    .title > br {
        display: none;
    }

    .inquiryfrmWrapper {
        padding: 17px !important;
    }

    .form-row {
        padding-bottom: 0 !important;
    }

    .submitbtn {
        padding-bottom: 0 !important;
    }

    .dhiveStoryServices .title {

        font-size: 29px;
        line-height: 35px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .lifeatDhive {
        padding: 16px !important;
    }
    
    .bgImgRight2 img {
      width: 100%;
    }
    .aroundDhiveWrapper .bgImgRight2 {
    position: absolute;
    left: auto;
    top: 0;
    width: 53vw;
    z-index: 999;
    right: 0;
}   
    .iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  /*position: absolute;
  top:10px;
  left: 0;*/
  width: 100%;
  height: 100%;
}
.hytPlayerWrapOuter {
    width: 100%;
    height: 180px;
}
.webDevImg {
  position: absolute;
    top: -23% !important;
    width: 77% !important;
    left: 21%;
    z-index: 999 !important;
}
    

    
.webDevImg-Ex{
    top: 4% !important;
    width: 86% !important;
    left: 0%;
}
    
.sliderTitleH1 {
    font-size: 1rem;
}
    
.sliderTitleTop {
    top: 55% !important;
    left: 10px !important;
}

.sliderImg1{
    top:8px !important;
    left:160px !important;
}
.layer1 {
    z-index: 999;
    left: -10px !important;
    top: -10px !important;
}
    
.dhiveweb .content {
    padding: 15px;
}
    
.addressandfromwrapper .addWrapper {
  border-bottom: 1px dotted black;
    border-right: none;
  
}   
    
.digitalportfolio {
    background-color: #4945b4;
    height: auto;
    padding: 42px 0;
    position: relative;
}   

.filmingImg-Ex {
    top: -96% !important;
    width: 86% !important;
    left: 0%;
}
    
.filmingportfolio {
    background-color: #0b0332;
    height: auto;
    padding: 45px 0;
    position: relative;
}
    
.mobileAppImg {
    position: absolute;
    top: -4% !important;
    width: 77% !important;
    left: 11%;
    z-index: 999 !important;
}
    
.socialmediaImg {
    position: absolute;
    top: -23% !important;
    width: 155px !important;
    z-index: 1000 !important;
}   
    
    
    
/* NEW STYLING CSS */
footer p.content span {
    text-align: left !important;
}
.homepage_responsive .servicesList li a svg {
    width: 27px;
}
.homepage_responsive .owl-item {
    padding: 33px;
    padding-right: 0;
}    
.DHiveServices .title,
.creativeportfolio .title{
     font-size: 28px; 
    /* line-height: 30px; */
    text-align: center !important;
}
.portfolioContent .owl-item {
    padding: 15px 0;
}    
.vendorRegWrapper .col-md-6.pl-5.vf {
    padding-left: 15px !important;
}
.creativeportfolio .title {
    text-align: center !important;
}
.dhivewebWrapper .content {
    text-align: center !important;
}
    
}


@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {
.iframe-container iframe {
    width: 100%;
    height: auto;
}    

    .oppenned li {
    margin-right: 175px;
    margin-bottom: 10px;
}  
main {
    position: relative;
    z-index: 0;
}
.testiContainer figure {
    top: 0 !important;
    right: 0 !important;
    position: relative !important;
    margin-top: -50px;
} 
.testiContainer h3 {
    font-size: 15px;
}   
.open {
    top: 8px;
    right: 20px;
    z-index: 99999999;
}
    p,
    span,
    .content {
        font-size: 14px !important;
    }

    .logo {
        width: 120px;
    }

    .expertisebgimg1 {
        width: 333px;
    }

    .section6 {

        height: auto;
    }

    .testimonials {
        padding-top: 87px;
    }

    .headerWraper {
        padding-left: 0 !important;
        padding-top: 10px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .headerWraper > .col-md-2 {
        width: 20%;
    }

    .headerWraper > .col-md-10 {
        width: 78%;
    }

    .ourStory .bgImgLeft2 img {
        width: 100%;
    }

    .MainNav {
        padding-right: 31px !important;

    }

    /*.open {
        top: 14px;
        right: 29px;
    }*/

    .MainNav svg {
        width: 26px;
        padding-right: 1px;
        vertical-align: super;
        font-weight: bold;
    }

    .MainNav .MainNavcontact a {
        font-size: 14px;
    }

    .MainNav .MainNavcontact {

        width: 71px;
        display: none;
    }

    .section1 {
        height: 40vh;
    }

    .bannerlist {
        top: 22px;
    }

    .socialIcon {
        display: none;
    }

    .ourStoryContent {

        top: -9%;
        left: 0;
    }

    .ourStory > .bgImgLeft1 {
        top: -1%;
        width: 42%;
        left: 72%;
        z-index: 999;
    }

    .ourStory > .bgImgRight2 {
        position: absolute;
        right: -10%;
        bottom: 11%;
        width: 166px;
    }

    .ourStoryContent h2 {

        text-align: left;

    }

    .ourStoryContent span {

        padding-left: 9px;

        font-size: 14px;
    }

    .section2 .content {

        font-size: 14px;
    }

    .ourStory .bgImgLeft1 img {
        width: 62%;
    }

    .ourStoryContent p {

        padding-left: 10px;
    }

    .servicescontent h2 {
        margin-left: 0;
    }

    .servicesbgimgright3 {
        position: relative;
        bottom: 36%;
        right: -12%;
        width: 247px;
        z-index: 10;
        opacity: 1.0;
    }

    .section3::after {
        bottom: -85px;
    }

    .servicesbgimgright2 {
        position: absolute;
        top: 38%;
        width: 53px;
    }

    .servicesbgimgright1 {

        display: none;
    }

    ul.servicesList {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .services1 {
        padding-top: 16px;
    }

    .servicesList li a figure {
        width: 40px;
    }

    /*.servicesList li a svg {
        width: 25px;
    }*/

    figure > span.content {
        font-size: 12px;
    }

    .servicesList li {
        width: 100%;
        padding-bottom: 0;
    }

    .servicesList li:first-child figure,
    .servicesList li:last-child figure {
        width: 40px;
        height: 40px;
    }

    .servicesList li a figure {
        height: 41px;
    }

    .expertise .expertiseContent h2 {
        margin-left: 0;
    }

    h2.title br {
        display: none;
    }

    h2.title {
        margin-left: 0 !important;
        text-align: center !important;
        display: block !important;
    }

    .section4 .title {
        color: #eae400;
        font-family: "Josefin Sans", sans-serif;
        font-size: 35px;
    }

    .bluecircleservicessmal2 {
        display: none;
    }

    .expertise .expertiseContent span {

        padding-left: 3px;
    }

.dehivestorywrap .servicesList li {
    width: 49%;
    margin: 0;
}
.dhiveStoryServices .servicesList {
    list-style-type: none;
    display: flex;
    text-align: center;
}

    .story {
        position: relative;
        padding-top: 40px;
    }

    .storySection2 {
        height: 42vh;
    }

    .dhiveStory .dhiveStoryRight {
        right: 4%;
    }

    .dhiveStory .dhiveStoryLeftImg1 {
        left: 3%;
        bottom: 11%;
        opacity: 0.6;
        width: 46px;
    }

    .dhiveStory .dhiveStoryCenterImg1 {
        opacity: 0.5;
        width: 250px;
        bottom: 2%;
        z-index: 999;
    }


    .dhiveStoryServices {

        height: 76vh !important;
    }

.aroundDhiveWrapper h1 {
    font-size: 20px !important;
    padding-left: 15px;
    line-height: 1 !important;
    /* max-width: 40%; */
}
.testiWrapper .bgImgRight2 {
    position: absolute;
    right: 5%;
    bottom: 20%;
    width: 110px;
}

    .dhiveStoryServices {
        height: auto !important;
        padding: 25px 0 0 0;
    }

    .aroundDhiveWrapper {
        padding-top: 49px;
        height: 37% !important;
    }

    .bgImgRight2.wow.bounce {
        /*display: none;*/
    }

/*.DHiveServices .title {
    font-size: 20px;
    line-height: 30px;
    text-align: center !important;
}*/

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

    .dhiveweb {

        padding: 23px 0 0 0;
    }

    .dhiveweb .left .leftImg {
    left: auto;
    top: auto;
    width: 200px;
    z-index: 999;
    bottom: 0;
    right: 0;
}

    .dhiveweb {

        height: auto;
    }

    .dhivemobile .right .leftContent {
        padding: 0px 0 48px 0px;
    }

.dhivemobile .right .rightImg {
    right: 0;
    top: auto;
    width: 190px;
    bottom: 0;
    z-index: 0;
}

    .dhivemobile {
        height: auto;
        padding: 58px 0;
    }
    
    .dhivemobile .content{
        padding: 15px;
    }

.dhiveDigital .left .leftImg {
    left: auto;
    top: auto;
    width: 180px;
    z-index: 999;
    opacity: 0.8;
    bottom: 0;
    right: 0;
}

    .dhiveDigital {
        height: auto;
        padding: 0;
    }
    
    .dhiveDigital .content{
        padding: 15px;
    }

.dhivecreative .right .rightImg {
    right: 0;
    top: auto;
    width: 189px;
    z-index: 999;
    bottom: -70px;
}

    .dhivecreative .right .leftContent {
        padding: 0;
    }

    .dhivecreative {

        height: auto;

        padding: 41px 0;
    }
    
    .dhivecreative .content{
        padding: 15px;
    }

.dhivefilming .left .leftImg {
    position: absolute;
    left: auto;
    top: auto;
    width: 170px;
    z-index: 999;
    bottom: -30px;
}

    .dhivefilming {
        height: auto;
        position: relative;
        padding: 5px 0;
    }
    
    .dhivefilming .content{
        padding: 15px;
    }

    .dhiveSMM .right .rightImg {
    right: 10px;
    top: auto;
    width: 160px;
    z-index: 999;
    bottom: -40px;
}
.dhivecreative .title {
    max-width: initial;
}

    .dhiveSMM .right .leftContent {
        padding: 0;
    }

    .dhiveSMM {
        height: 71vh;
        padding: 55px 0;
    }
    
    .dhiveSMM .content{
        padding: 15px;
    }

    .expertCoverInside {
        position: relative;
        padding: 35px 0;
        height: 41% !important;
    }

    .expertCoverInside .bgImgRight1 {
        bottom: -39%;
    }

    .expertCoverInside .title {
        font-size: 31px;
        line-height: 41px;
    }

    .expertWrapper {
        height: auto;
        /*padding: 127px 0 0 0;*/
        padding: 37px 0 0 0;
    }

    .expertWrapper .dhiveStoryLeftImg1 {
        display: none;
    }

    .expertWrapper .dhiveStoryCenterImg1 {
        right: 15%;
    }

    .expertWrapper .dhiveStoryCenterImg1 {
        right: 15%;
        bottom: -7%;
        width: 296px;
        z-index: 999;
    }

    .testimonials .testimonialsContent {
        left: 0;
    }


    .story h1 {
        font-size: 31px !important;
        line-height: 33px !important;
        padding-left: 23px;
    }

    .dhiveStory .title {
        font-size: 27px;
        line-height: 36px;
    }

    .dhiveStory .subTitle {
        font-size: 17px !important;
        margin-top: -32px;
        padding: 20px;
    }

    .dhiveStory {
        height: 90vh;
        padding-top: 54px;
    }
    
    .joinus {
        position: relative;
        padding-top: 0px;
        margin-bottom: -15px;
    }
    
    .joinus h1 {
        font-size: 35px !important;
        line-height: 41px !important;
        color: #ffffff !important;
        padding-left: 32px;
        padding-top: 22px;
    }
    
    .joinus-Ex {
        top: 4% !important;
        width: 63% !important;
        left: 14%;
    }
    
    .testi-Ex {
        top: 4% !important;
        width: 34% !important;
        left: 33%;
    }
    
    .reachHive-Ex {
        top: -23% !important;
        width: 65% !important;
        left: 14%;
    }
    
    .contactWrapper h1 {
        font-size: 35px !important;
        line-height: 41px !important;
        color: #ffffff !important;
        padding-left: 32px;
        padding-top: 14px;
    }

    .addressandfromwrapper {

        padding: 43px 0;
    }

    .testiWrapper {
        height: 32vh !important;
        padding-top: 11px;
    }

    .testcontainer {
        /*height: 76vh;*/
        padding: 45px 0 47px 0;
    }

    .testcontainer .title {
        font-size: 35px;
        line-height: 37px;
    }

    .testcontainer1 {
        height: auto;
        padding: 58px 0 0 0;
    }

    .testiWrapper .title {
        font-size: 30px !important;
        text-align: left;
    }

    .testcontainer .title {
        font-size: 30px;
        line-height: 28px;
    }
    
    .testcontainer h4 {
        font-size: 20px;
    }

    .testcontainer .bgImgRight1 {
        z-index: 999;
    }

    .testcontainer1 .title {
        font-size: 27px;
        line-height: 25px;
    }

    .testcontainer1 .bgImgRight1 {
        z-index: 999;
    }

    .testiWrapper .bgImgRight1 {
        bottom: -10%;
        width: 128px;
        left: 22%;
    }
    
.testiImg {
    width: auto;
    padding-bottom: 20px;
}
.testiImg img {
    width: 100%;
}

    .careerMain {
        height: 35vh;
    }

    .careersWrapper {
        padding-top: 24%;
    }

    .careersWrapper .title {

        font-size: 35px;
        line-height: 20px;
    }

    .careersWrapper .subTitle {
        font-size: 20px !important;

    }

    .vendorRegWrapper {

        padding: 40px 0;
    }
    
    .vendorRegWrapper .content{
        padding: 16px;
    }
    
    .vendorRegWrapper .title {
        color: #ffffff;
        font-family: "Fira Sans";
        font-size: 29px;
        line-height: 37px;
    }

    .vf {
        padding-left: 0 !important;
    }

    .contactWrapper .title {
        font-size: 32px !important;
        line-height: 37px !important;
    }

    .contactWrapper {
        padding-top: 59px;
    }

    .contactPageCover {

        height: 45vh;
    }

    .contactWrapper .bgImgRight1 {

        bottom: -30%;
        width: 120px;
    }

    .webportfolio .title {
        font-size: 30px;
        line-height: 35px;
    }

    .webportfolio {

        padding: 50px 0;
    }

    .portfolioContainer {
        padding-top: 1rem !important;
        margin-top: 14px;
    }

    .portfolioContainer .portfolioImg {
        position: inherit;
        width: auto;
        top: auto;
        right: -23px;
    }
    
    
    /* .portfolioContainer .portfolioImg {
        position: absolute;
        width: 235px;
        right: 3%;
        bottom: -62%;
        top: auto;
    }
*/
    .DHiveServices {
        background-color: #3bdb93;
        height: auto !important;
        position: relative;
        padding: 46px 0 23px 0;
    }

    .portfolioContainer .portfolioContent .companyDetail li:nth-child(2) {
        font-weight: bold;
        font-size: 15px;
    }

    .portfolioContainer:nth-child(3) {
        margin-top: 72px;

    }

    .portfolioContainer:nth-child(3) .portfolioImg {
        /*right: 3%;*/
        bottom: -57%;
    }

    .dhivewebWrapper .content {
        padding-bottom: 1rem !important;
        font-size: 16px !important;
        /*padding-bottom: 28px !important;*/
    }

    .mobileportfolio .title {

        font-size: 30px;
        line-height: 30px;
    }

    .mobileportfolio {

        padding: 74px 0 0 0;

        height: 120vh
    }

    .mobileportfolio .portfolioContainer {

        margin-top: 15px !important;
    }

    .portfolioImg.mobileAppImg {
        width: 193px;
        /*right: 9%;*/
        top: auto;
        bottom: -82%;
    }

    .portfolioContentWrapper {
        padding-top: 0 !important;
    }

    .item {

        -webkit-mask-size: 264px 149px;
        mask-size: 264px 149px;
        margin: -4px auto;

    }

    .item img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 243px !important;
        height: auto;
    }
.digitalportfolio .title, .digitalportfolio p,
.filmingportfolio .title, .filmingportfolio p {
    text-align: center !important;
}
    .portfolioOrder {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 !important;
    }

    .DHiveServices::after {

        bottom: -6%;
    }

    .filmingportfolio .title {
        font-size: 25px;
        line-height: 30px;
    }

    .filmingportfolio::after {

        bottom: -3%;
    }

    .creativeportfolio {

        padding: 9px 0;

    }

    .title > br {
        display: none;
    }

    .inquiryfrmWrapper {
        padding: 17px !important;
    }

    .form-row {
        padding-bottom: 0 !important;
    }

    .submitbtn {
        padding-bottom: 0 !important;
    }

    .dhiveStoryServices .title {

        font-size: 29px;
        line-height: 35px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .lifeatDhive {
        padding: 16px !important;
    }
    
    .bgImgRight2 img {
      width: 100%;
    }
    .aroundDhiveWrapper .bgImgRight2 {
    position: absolute;
    left: auto;
    top: 0;
    width: 53vw;
    z-index: 999;
    right: 0;
}   
    .iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  /*position: absolute;
  top:10px;
  left: 0;*/
  width: 100%;
  height: 100%;
}
.hytPlayerWrapOuter {
    width: 100%;
    height: 180px;
}
.webDevImg {
  position: absolute;
    top: -23% !important;
    width: 77% !important;
    left: 21%;
    z-index: 999 !important;
}
    

    
.webDevImg-Ex{
    top: 4% !important;
    width: 86% !important;
    left: 0%;
}
    
.sliderTitleH1 {
    font-size: 1rem;
}
    
.sliderTitleTop {
    top: 55% !important;
    left: 10px !important;
}

.sliderImg1{
    top:8px !important;
    left:160px !important;
}
.layer1 {
    z-index: 999;
    left: -10px !important;
    top: -10px !important;
}
    
.dhiveweb .content {
    padding: 15px;
}
    
.addressandfromwrapper .addWrapper {
  border-bottom: 1px dotted black;
    border-right: none;
  
}   
    
.digitalportfolio {
    background-color: #4945b4;
    height: auto;
    padding: 42px 0;
    position: relative;
}   

.filmingImg-Ex {
    top: -96% !important;
    width: 86% !important;
    left: 0%;
}
    
.filmingportfolio {
    background-color: #0b0332;
    height: auto;
    padding: 45px 0;
    position: relative;
}
    
.mobileAppImg {
    position: absolute;
    top: -4% !important;
    width: 77% !important;
    left: 11%;
    z-index: 999 !important;
}
    
.socialmediaImg {
    position: absolute;
    top: -23% !important;
    width: 155px !important;
    z-index: 1000 !important;
}   
    
    
    
/* NEW STYLING CSS */
.homepage_responsive .servicesList li a svg {
    width: 27px;
}
.homepage_responsive .owl-item {
    padding: 33px;
    padding-right: 0;
}    
.DHiveServices .title {
    /* font-size: 20px; */
    /* line-height: 30px; */
    text-align: center !important;
}
.portfolioContent .owl-item {
    padding: 15px 0;
}    
.vendorRegWrapper .col-md-6.pl-5.vf {
    padding-left: 15px !important;
}
.creativeportfolio .title {
    text-align: center !important;
}
.dhivewebWrapper .content {
    text-align: center !important;
}
    
}








/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* .logo {
      width: 120px;
  } */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* .logo {
      width: 120px;
  } */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.iframe-container iframe {
    width: 100%;
    height: auto;
} 
.dehivestorywrap .servicesList li {
    width: 190px;
    margin: 0 10px;
    min-width: 190px;
}
.dhiveweb .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhivemobile .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300px;
}
.dhiveDigital .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhivecreative .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300px;
}
.dhivefilming .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhiveSMM .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300;
}
.dhiveSMM,
.dhivefilming,
.dhivecreative,
.dhiveDigital,
.dhiveMobile,
.dhiveweb {
    height: auto;
} 
.testiImg img {
    width: 100%;
}
.testiImg {
    width: auto;
    z-index: 999;
}
main div.h-75 {
    height: calc(100vh - 75%) !important;
}
.portfolioContainer .portfolioImg {
    position: relative;
    right: 0;
    top: 13%;
}
.servicesList li {
    width: 50%;
    min-width: 250px;
}
.layer1 {
    z-index: 999;
    left: 60px !important;
    top: -20px !important;
}
h1.sliderTitleH1 {
    font-size: 23px;
    margin-left: 50px;
}
.layer2 {
    z-index: 999;
    left: 20% !important;
    top: -20% !important;
    }   
.aroundDhiveWrapper h1 {
    font-size: 40px !important;
    line-height: 60px !important;
    color: #ffffff !important;
    padding-left: 100px;
}
.digitalportfolio .content,
.creativeportfolio .content {
    font-size: 15px;
}
.dhivewebWrapper .title,
.digitalportfolio .title {
    font-size: 28px;
}
.creativeportfolio,
.DHiveServices {
    padding: 10px 0 10px 0;
}
.dhivecreative .content,
.dhivefilming .content,
.dhiveSMM .content,
.dhiveDigital .content,
.dhivemobile .content,
.dhiveweb .content {
    font-size: 16px;
}
.testiWrapper .bgImgRight2 {
    position: absolute;
    right: 15%;
    bottom: 20%;
    width: 230px;
}
.testcontainer .title,
.testcontainer1 .title {
    font-size: 25px;
    line-height: 1;
}
.testcontainer .content,
.testcontainer1 .content {
    font-size: 15px;
}
.testiWrapper .title {
    font-size: 45px !important;
}
}

/*@media only screen and (min-width : 1025px) and (max-width : 1440px) {
.iframe-container iframe {
    width: 100%;
    height: auto;
} 
.dehivestorywrap .servicesList li {
    width: 190px;
    margin: 0 10px;
    min-width: 190px;
}
.dhiveweb .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhivemobile .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300px;
}
.dhiveDigital .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhivecreative .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300px;
}
.dhivefilming .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}
.dhiveSMM .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 300;
}
.dhiveSMM,
.dhivefilming,
.dhivecreative,
.dhiveDigital,
.dhiveMobile,
.dhiveweb {
    height: auto;
} 
.testiImg img {
    width: 100%;
}
.testiImg {
    width: auto;
    z-index: 999;
}
main div.h-75 {
    height: calc(100vh - 75%) !important;
}
.portfolioContainer .portfolioImg {
    position: relative;
    right: 0;
    top: 13%;
}
.servicesList li {
    width: 50%;
    min-width: 250px;
}
.layer1 {
    z-index: 999;
    left: 60px !important;
    top: -20px !important;
}
h1.sliderTitleH1 {
    font-size: 23px;
    margin-left: 50px;
}
.layer2 {
    z-index: 999;
    left: 20% !important;
    top: -20% !important;
    }   
.aroundDhiveWrapper h1 {
    font-size: 40px !important;
    line-height: 60px !important;
    color: #ffffff !important;
    padding-left: 100px;
}
.digitalportfolio .content,
.creativeportfolio .content {
    font-size: 15px;
}
.dhivewebWrapper .title,
.digitalportfolio .title {
    font-size: 28px;
}
.creativeportfolio,
.DHiveServices {
    padding: 10px 0 10px 0;
}
.dhivecreative .content,
.dhivefilming .content,
.dhiveSMM .content,
.dhiveDigital .content,
.dhivemobile .content,
.dhiveweb .content {
    font-size: 16px;
}
.testiWrapper .bgImgRight2 {
    position: absolute;
    right: 15%;
    bottom: 20%;
    width: 230px;
}
.testcontainer .title,
.testcontainer1 .title {
    font-size: 25px;
    line-height: 1;
}
.testcontainer .content,
.testcontainer1 .content {
    font-size: 15px;
}
.testiWrapper .title {
    font-size: 45px !important;
}


.homepage_responsive .servicesList li:last-child a figure {
    padding-top: 0px;
    width: 105px !important;
    height: 80px !important;
}
.homepage_responsive .testiContainer figure {
    top: 45px !important;
    right: -5%;
    width: 140px;
}
}*/

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.servicesbgimgright3 {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 350px;
    z-index: 10;
}
.section3 .content {
    font-size: 16px;
}
.servicesList li a figure {
    width: 60px !important;
    height: 60px !important;
}
.servicesList li:last-child a figure {
    padding-top: 0px !important;
    width: 99px !important;
    height: 60px !important;
}
.section4 .content br {
    display: none;
}
.dehivestorywrap .servicesList li a figure {
    width: 70px !important;
    height: 70px !important;
    padding: 10px !important;
}
.dehivestorywrap .servicesList li:last-child a figure {
    padding-top: 0px;
    width: 70px !important;
    height: 70px !important;
    padding: 0;
}
.dhiveweb .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 330px;
}
.dhivemobile .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 330px;
}
.dhiveDigital .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 330px;
}
.dhivecreative .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 330px;
}
.dhivefilming .left .leftImg {
    position: relative;
    left: 0;
    top: 0;
    width: 330px;
}
.dhiveSMM .right .rightImg {
    position: relative;
    right: 0;
    top: 0;
    width: 330px;
}
.portfolioContainer .portfolioImg {
    position: absolute;
    width: 300px;
}
.mobileportfolio .portfolioImg{
        position: absolute;
    width: 170px;
}
.testiImg {
    width: auto;
    z-index: 999;
}
.testiImg img{
    width: 100%;
}
.inquiryfrmWrapper .frmsubmit {
    width: auto;
}
.addressandfromwrapper .content {
    font-size: 15px;
}
.footerWarpper .title {
    font-size: 22px !important;
    line-height: 1 !important;
}
.DHiveServices .content,
.vendorRegWrapper .content,
.dhiveStoryServices .content,
.filmingportfolio .content {
    font-size: 15px;
}
.vendorRegWrapper .title,
.dhiveStoryServices .title {
    font-size: 25px;
    line-height: 45px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.servicesList li:first-child figure, .servicesList li:last-child figure {
    width: 80px;
    height: 80px;
}
.servicesbgimgright3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70vw;
    z-index: 10;
    opacity: 1.0;
}
.testiContainer {
    background-color: white;
    padding: 20px;
    position: relative;
    min-height: auto;
}
.homepage_responsive .servicesList li a svg {
    width: 37px;
}
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 15%;
    height: 0;
}
main div.h-75 {
    height: 240px !important;
}
.dhiveStory {
    height: auto !important;
}
.webDevImg, .filmingImg-Ex {
    position: absolute;
    top: -43% !important;
    width: 57% !important;
    left: 21%;
    z-index: 999 !important;
}
.aroundDhiveWrapper .bgImgRight2 {
    position: absolute;
    left: auto;
    top: -60px;
    width: 43vw;
    z-index: 999;
    right: -370px;
}
.reachHive-Ex {
    top: -223% !important;
    width: 65% !important;
    left: 14%;
}
.sliderTitleH1 span {
    font-size: 27px !important;
}
.inquiryfrmWrapper .frmsubmit {
    width: auto;
}    
}

/* iPad Pro (portrait) ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
.servicesList li:first-child figure, .servicesList li:last-child figure {
    width: 80px;
    height: 80px;
}
.servicesList li:last-child a figure {
    padding-top: 0px;
    width: 108px;
    height: 80px;
}
.servicesbgimgright3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70vw;
    z-index: 10;
    opacity: 1.0;
}
.testiContainer {
    background-color: white;
    padding: 20px;
    position: relative;
    min-height: auto;
}
.homepage_responsive .servicesList li a svg {
    width: 37px;
}
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 15%;
    height: 0;
}
main div.h-75 {
    height: 240px !important;
}
.dhiveStory {
    height: auto !important;
}
.webDevImg, .filmingImg-Ex {
    position: absolute;
    top: -43% !important;
    width: 57% !important;
    left: 21%;
    z-index: 999 !important;
}
.aroundDhiveWrapper .bgImgRight2 {
    position: absolute;
    left: auto;
    top: -60px;
    width: 43vw;
    z-index: 999;
    right: -370px;
}
.reachHive-Ex {
    top: -223% !important;
    width: 65% !important;
    left: 14%;
}

}

/**********
  iPad 3
  **********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.servicesList li:last-child a figure {
    padding-top: 0px !important;
    width: 60px !important;
    height: 60px !important;
}
.testiContainer figure {
    top: 0 !important;
    right: -50px !important;
}
.testiContainer p {
    font-size: 16px !important;
}
.dehivestorywrap .servicesList li {
    margin: 0 15px !important;
}
.portfolioContainer .portfolioImg {
    position: absolute;
    width: 430px;
}
.layer2 {
    z-index: 999;
    left: 26% !important;
    top: -10% !important;
}
h1.sliderTitleH1 {
    font-size: 27px;
    margin-left: 86px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-width : 1300px) and (max-width: 1380px) {
.layer2 {
    z-index: 999;
    left: 15% !important;
    top: -15% !important;
}
.layer1 img#island {
    width: 390px !important;
    height: auto !important;
}
.layer2 img {
    width: 500px !important;
    height: 319px !important;
}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1380px) {

    .layer2 img {
    height: 540px !important;
    z-index: 9999;
    width: 880px !important;
}

    .layer3 img {
        height: 441.922px !important;
        z-index: 9999;
    }

    .layer1 img {
        z-index: 9999;
    }

    .tp-banner {
        height: 700px !important;
        max-height: 700px !important;
    }
    .forcefullwidth_wrapper_tp_banner {
        margin-top: -70px !important;
    }



}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

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

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

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

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

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

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

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

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

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

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}







/*=========================
       custom css 
===========================*/


.smLogo {
    width: 65% !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.socialIcon ul li a {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #141221;
    border-radius: 4px;
}

/*** Services Section ***/

.services {
    padding-top: 100px;
    position: relative;
}

.services1 {
    padding-top: 35px;
    position: relative;
}

.servicesList li a figure {
    margin-bottom: 0px;
}

.servicesList {
    padding-left: 0px;
}

.servicesList li a figure {
    width: 80px;
    height: 80px;
    background-color: #1e4550;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: 3px 2px 0 1px #093c4a;
    box-shadow: 3px 2px 0 1px #093c4a;
    text-align: center;
    padding-top: 0;
    margin-right: 20px;
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.servicesList li a figure img {
    width: 50px;
}

.servicesList li:last-child a figure {
    padding-top: 0px;
    width: 80px;
    height: 80px;
}

.back-to-top {
    z-index: 99;
}

/*.dhiveStoryServices .servicesList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}*/

/*.dehivestorywrap .servicesList li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}*/

.dhiveStoryServices .servicesList li a span {
    font-size: 16px;
}

.dehivestorywrap .servicesList li a figure {
    padding-top: 0px;
}

.dehivestorywrap .servicesList li:last-child a figure {
    width: 80px;
    height: 80px;
}

/*.testiContainer p {
    padding: 0;
    font-family: "Libre Franklin";
    font-size: 16px;
    width: auto;
    color: #000000;
    text-align: justify;
}*/
.testiContainer p {
    padding: 0;
    font-family: "Libre Franklin";
    font-size: 19px;
    width: auto;
    color: #000000;
    text-align: justify;
}

.testiContainer h3 {
    font-family: "Fira Sans";
    font-size: 20px;
    padding-left: 0;
    font-weight: bold;
}

.owl-carousel .owl-item img {
    display: block;
    width: 80%;margin: 0 auto
}

.owl-carousel .owl-item .testiContainer img {
    display: block;
    width: 100% !important;
}


.testiContainer figure {
    position: absolute;
    top: 0%;
    /*right: -15%;*/
    right: 2%;
    z-index: 1000;
    /*     height: 100px; */
    -webkit-box-shadow: none;
    box-shadow: none;
}
.testiContainer figure {
    top: -16%;
    right: -5%;
}

/*
ul.smmIcon {
    display: none !important;
}
*/

@media(max-width:767px) {


    .services {
        padding-top: 50px;
    }

    .section3 {
        height: auto;
    }

    .section3 .h-100 {
        height: auto !important;
    }

    ul.servicesList {
        display: block;
    }

    .servicesList li:first-child figure,
    .servicesList li:last-child a figure,
    .servicesList li a figure {
        width: 50px;
        height: 50px;
    }

    .servicesList li a figure img {
        width: 30px;
    }

.servicesList li a {
    /* display: block; */
    flex-direction: column;
}

    .section3 .servicesList .content, .section3 .content {
    text-align: center;
}
.section4 .content br {
    display: none;
}

    .servicesList li {
    width: 49%;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.servicesList li a figure {
    margin-right: 0;
    }
.homepage_responsive .servicesList li {
    vertical-align: top;
}    
}

@media(min-width:1400px) {
    .testiContainer h3 {
        font-size: 17px;
    }

/*    .testiContainer {
        padding: 20px 12px;
    }*/
    .testiContainer {
    padding: 40px 20px;
}

    .owl-carousel .owl-item img {
        display: block;
        width: 68%;
    }

.testiContainer .owl-carousel .owl-item img {
    display: block;
    width: 80%;
}
    .smLogo {
        width: 80% !important;
    }
}

@media(min-width:1920px) {
    .testiContainer {
        background-color: white;
        padding: 45px 20px;
        position: relative;
    }

    .testiContainer figure {
        top: -20%;
        right: -10%;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 80%;
    }

    .servicesbgimgright3 {
        bottom: 0;
        right: -5%;
    }

    .section3,
    .section3 .h-100 {
        height: auto !important;
    }

    .bluecircleservicessmal2 {
        bottom: -13%;
    }

    .aroundDhiveWrapper .bgImgRight2 {
        width: 100%;
    }

    .dhivemobile,
    .dhiveweb,
    .dhiveDigital,
    .dhivecreative,
    .dhivefilming,
    .dhiveSMM {
        height: 58vh;
    }

    .dhiveweb .left .leftImg,
    .dhiveDigital .left .leftImg {
        left: 6%;
        top: -60px;
        width: 450px;
    }

    .dhivemobile .right .rightImg,
    .dhivecreative .right .rightImg {
        /*right: 6%;*/
        top: -60px;
        width: 450px;
    }
    
    
}