@media screen and (min-width: 320px) {
    .TechdataLogoImg {
        width: 70% !important;
        margin: 20px 15% !important;
    }

    .hamburgerImage, .UserIcon {
        width: 20px;
        height: 20px;
    }
    ul[rn-carousel] {
    width:100% !important;
    height:150px !important;
    margin: 0 auto;
    }
    .hamburgerImage {
        margin: 20px 0px 20px 10px !important;
    }

    .UserIcon {
        margin: 20px 0px !important;
    }

    .BasketImg {
        width: 25px;
        height: 25px;
        margin: 7.5px 0px;
    }

    .LoggedInUserImg {
        width: 75% !important;
    }

    .AccImgStyleContent .ng-isolate-scope.bottom {
        left: -125px !important;
    }

    .BasketDataContent .ng-isolate-scope {
        left: -56% !important;
        position: absolute !important;
        right: 0% !important;
        max-width: 170% !important;
        min-width: 155% !important;
        margin-right: 0.4% !important;
    }

    .BasketContent {
        padding: 0px !important;
        margin: 0px 5px !important;
        float: right !important;
    }

    .carousel-indicators {
        margin-top: 10px !important;

    }

    .SaveOrderBtn {
        width: 100%;
    }

    .OrderHistory {
        height: 140px !important;
    }

    .EditAddressInput {
        width: 88%;
        margin: 0px 0px 10px 10px;
    }

    .ChangeAddressWrapper {
        margin: 10px;
    }

    .EditAddressTitleLbl {
        margin: 5px 0px 5px 10px;
    }

    .SetAsDefaultCheck {
        margin-left: 10px !important;

    }

    .EndUserWrapper {
        width: 100%;
        margin: 0px !important;
    }

    .DeliveryTypeDropdown {
        width: 100%;
    }

    .SelectedBasket {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60px;
        text-align: right;

    }
}

@media screen and (min-width: 360px) {
    .TechdataLogoImg {
        width: 70% !important;
        margin: 20px 15% !important;
    }
    ul[rn-carousel] {
    width:100% !important;
    height:180px !important;
    margin: 0 auto;
    }
    .hamburgerImage, .UserIcon {
        width: 30px;
        height: 30px;
    }

    .BasketImg {
        width: 35px;
        height: 35px;
        margin: 0px 0px;

    }

    .hamburgerImage {
        margin: 15px 0px 15px 10px !important;
    }

    .UserIcon {
        margin: 15px 0px !important;
    }
}

@media screen and (min-width: 480px) {
    .TechdataLogoImg {
        width: 70% !important;
        margin: 20px 15% !important;
    }
    ul[rn-carousel] {
    width:90% !important;
    height:240px !important;
    margin: 0 auto;
    }
    .LoggedInUserImg {
        width: 60% !important;
    }

    .BasketDataContent .ng-isolate-scope {
        left: -11% !important;
        position: absolute !important;
        right: 0% !important;
        max-width: 110% !important;
        min-width: 110% !important;
        margin-right: 0.4% !important;
    }

    .AccImgStyleContent .ng-isolate-scope.bottom {
        left: -100px !important;
    }

    .BasketContent {
        padding: 0px !important;
        margin: 0px 5px !important;
        float: right !important;
    }

    .carousel-indicators {
        margin-top: 10px !important;

    }

    .SaveOrderBtn {
        width: 100%;

    }

    .OrderHistory {
        height: auto !important;
    }

    .EditAddressInput {
        width: 60%;
        margin: 0px 0px 10px 10px;

    }

    .ChangeAddressWrapper {
        width: 70%;
        margin: 10px;
    }

    .EditAddressTitleLbl {
        margin: 5px 0px 5px 10px;

    }

    .SetAsDefaultCheck {
        margin-left: 10px !important;

    }

    .EndUserWrapper {
        width: 70%;
        margin: 10px 10px 10px 5%;
    }

    .DeliveryTypeDropdown {
        width: 100%;
    }

    .SelectedBasket {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 85px;
        text-align: right;
    }

}

@media screen and (min-width: 768px) {
    .TechdataLogoImg {
        width: 60% !important;
        margin: 20px 20% !important;
    }

    .LoggedInUserImg {
        width: 50% !important;
    }
    ul[rn-carousel] {
    width:75% !important;
    height:270px !important;
    margin: 0 auto;
    }
    .BasketDataContent .ng-isolate-scope {
        left: -11% !important;
        position: absolute !important;
        right: 0% !important;
        max-width: 110% !important;
        min-width: 110% !important;
        margin-right: 0.4% !important;
    }

    .AccImgStyleContent .ng-isolate-scope.bottom {
        left: -100px !important;
    }

    .BasketContent {
        padding: 0px !important;
        margin: 0px 5px !important;
        float: right !important;
    }

    .carousel-indicators {
        margin-top: 20px !important;

    }

    .SaveOrderBtn {
        width: 100%;

    }

    .OrderHistory {
        height: auto !important;
    }

    .EditAddressInput {
        width: 40%;
        margin: 0px 0px 10px 10px;

    }

    .BidDetailBoxWithoutButton {
        height: 190px;
    }

    .ChangeAddressWrapper {
        width: 50%;
        margin: 10px;
    }

    .EditAddressTitleLbl {
        margin: 5px 0px 5px 10px;

    }

    .SetAsDefaultCheck {
        margin-left: 10px !important;

    }

    .EndUserWrapper {
        width: 50%;
        margin: 10px 10px 10px 5%;

    }

    .DeliveryTypeDropdown {
        width: 100%;
    }

    .SelectedBasket {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 85px;
        text-align: right;

    }
}

@media screen and (min-width: 400px) {
    .LoggedInUserImg {
        width: 70% !important;
    }
}

@media screen and (min-width: 600px) {
    .TechdataLogoImg {
        width: 60% !important;
        margin: 20px 20% !important;
    }

    .LoggedInUserImg {
        width: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    .LoggedInUserImg {
        width: 35% !important;
    }
     ul[rn-carousel] {
    width:60% !important;
    height:300px !important;
    margin: 0 auto;
    }
    .TechdataLogoImg {
        width: 50% !important;
        margin: 20px 25% !important;
    }
}

@media screen and (min-width: 1200px) {
    .LoggedInUserImg {
        width: 30% !important;
    }
    ul[rn-carousel] {
    width:60% !important;
    height:300px !important;
    margin: 0 auto;
    }
    .TechdataLogoImg {
        width: 40% !important;
        margin: 20px 30% !important;
    }
}
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
    .rn-carousel-control {
    top: 75% !important;
    }
}
@media only screen and (min-device-width: 768px) and (orientation: landscape) {
    .rn-carousel-control {
    top: 60% !important;
    }
}
@media only screen and (min-device-width: 992px) and (orientation: landscape) {
    .rn-carousel-control {
    top: 43% !important;
    }
}
@media only screen and (min-device-width: 1200px) and (orientation: landscape) {
    .rn-carousel-control {
    top: 40% !important;
    }
}
@media only screen and (min-device-width: 320px) and (orientation: portrait) {
    .rn-carousel-control {
    top: 38% !important;
    }
}
@media only screen and (width: 320px) and (height: 480px) and (orientation: portrait) {
    .rn-carousel-control {
    top: 45% !important;
    }
}
@media only screen and (min-device-width: 425px) and (orientation: portrait) {
    .rn-carousel-control {
    top: 35% !important;
    }
}
@media only screen and (min-device-width: 600px) and (orientation: portrait) {
    .rn-carousel-control {
    top: 30% !important;
    }
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
    .rn-carousel-control {
    top: 28% !important;
    }
}