/*-----------------------------------------------  HP 4200 Styles ------------------------------------------------------------------------------- */
._3D-hotspot-section .hotspots {
    margin: 0 auto;
    padding: 0 1.25rem;
    position: relative;
}

    ._3D-hotspot-section .hotspots .hotspot-image {
        position: relative;
    }

        ._3D-hotspot-section .hotspots .hotspot-image img {
            margin: 16px auto 8px;
            display: block;
            max-width: 100%;
            height: auto;
        }

        ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-tablet {
            display: none;
        }

        ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-desktop {
            display: none;
        }

    ._3D-hotspot-section .hotspots .hotspot-list {
        -webkit-tap-highlight-color: rgba(255,0,0,0);
        margin: 0 0 38px;
        padding: 0;
        counter-reset: section;
        list-style: none;
    }

    ._3D-hotspot-section .hotspots .hotspot {
        padding: 0 0 0 2.5rem;
        margin: 24px 0 0;
        position: relative;
        /*font-family: HPSimplified, sans-serif;*/
        font-size: 14px;
        line-height: 20px;
    }

    ._3D-hotspot-section .hotspots .hotspot-heading {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /*font-family: HPSimplifiedLight, sans-serif;*/
        margin: 0;
    }

    ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger {
        position: relative;
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .trigger-active, ._3D-hotspot-section .hotspots .hotspot:not(.active) p {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .hotspot-trigger:before {
        content: "+";
    }

    ._3D-hotspot-section .hotspots .hotspot.active .hotspot-trigger:before {
        content: "-";
    }

    ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger:before {
        display: inline-block;
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .trigger-active, ._3D-hotspot-section .hotspots .hotspot:not(.active) p {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot.active .trigger-inactive {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot.active .trigger-active {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot:before {
        /*font-family: HPSimplifiedLight, sans-serif;*/
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        counter-increment: section;
        content: counter(section);
        color: #a2a2a2;
    }

/*.nav-tabs {
	background: #0f9cd8;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: transparent !important;
	border: 0 !important;
	color: #FFFFFF !important;
	font-weight: 500;
}
.nav-tabs > li {
	padding: 15px 20px;
}
.nav-tabs > li.active {
	background: #000;
}
.tabs_ .tab-content {
	background: #f9f9f9;
	padding: 30px;
} */
.tabs_ .tab-content .reinvent_production h4, .tabs_ .tab-content .materials h4, .tabs_ .tab-content .Software h4 {
    color: #0f9cd8;
    padding: 0 0 15px;
    border-bottom: 2px solid #0f9cd8;
}

.tabs_ .tab-content .reinvent_production ul {
    list-style-position: outside;
    padding: 0 0 0 15px;
}

.tabs_ .tab-content .Software .part1 {
    width: 80%;
    margin: 0 auto;
}

.tabs_ .tab-content .Software .title_1 {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 30px 0 0px;
}

.tabs_ .tab-content .Software .title_2 {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 30px 0 0px;
}

.tabs_ .tab-content .Software .part2 {
    clear: both;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0 0;
}

.tabs_ .tab-content .Software h5 {
    /*color: #383838;*/
    font-size: 20px;
}

.tabs_ .tab-content .Software P {
    font-size: 14px;
    color: #828282;
}

.container-background-animated {
    background-image: url(http://www.www8-hp.com/au/en/images/i/printers/3d-printers/bg-section-materials-applications-desktop.gif);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.table_data h1, .video_ h1 {
    /*color: #0f9cd8;
	padding: 0 0 15px;
	margin: 0 0 40px 0;
	text-align: center;
	border-bottom: 2px solid #0f9cd8;*/
}

.table_data h5 {
    /*color: #0f9cd8;
	margin: 0 0 10px; */
}

._3D-hotspot-section .title h1, ._3D-hotspot-section .title h2 {
    /*color: #0f9cd8;*/
}

/* ----------------------------------------------responsive css--------------------------------------------------------- */
/* ----------------------------------------------responsive css--------------------------------------------------------- */


@media only screen and (min-width: 768px) {
    ._3D-hotspot-section .hotspots {
        padding: 0 2.5rem;
    }

        ._3D-hotspot-section .hotspots .hotspot-image img {
            margin: 0 auto 37px;
        }

        ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-mobile {
            display: none;
        }

        ._3D-hotspot-section .hotspots .hotspot-list {
            margin-top: 36px;
        }

        ._3D-hotspot-section .hotspots .hotspot {
            /*font-family: HPSimplifiedLight, sans-serif;*/
            font-size: 13px;
            line-height: 22px;
        }

        ._3D-hotspot-section .hotspots .hotspot-heading {
            color: #a2a2a2;
        }

        ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger {
            font-size: 14px;
            line-height: 20px;
        }

        ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-tablet {
            display: block;
        }

    .empty {
        display: none;
    }
}

@media only screen and (min-width: 1000px) {
    ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-tablet {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot-image .hotspot-image-desktop {
        display: block;
    }

    ._3D-hotspot-section .hotspots .hotspot-list {
        width: calc(100% - 5rem);
        max-width: 1385px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        margin: 0;
        padding: 0;
    }

    ._3D-hotspot-section .hotspots .hotspot {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        transform: translate(-50%, -50%);
    }

    ._3D-hotspot-section .hotspots #hotspot-1 {
        top: 40.4%;
        left: 10.7%;
    }

    ._3D-hotspot-section .hotspots #hotspot-2 {
        top: 42.8%;
        left: 15.0%;
    }

    ._3D-hotspot-section .hotspots #hotspot-3 {
        top: 47.7%;
        left: 23.5%;
    }

    ._3D-hotspot-section .hotspots #hotspot-4 {
        top: 52.3%;
        left: 8.5%;
    }

    ._3D-hotspot-section .hotspots #hotspot-5 {
        top: 8.2%;
        left: 65.2%;
    }

    ._3D-hotspot-section .hotspots #hotspot-6 {
        top: 40.3%;
        left: 55.4%;
    }

    ._3D-hotspot-section .hotspots #hotspot-7 {
        top: 49.2%;
        left: 65.2%;
    }

    ._3D-hotspot-section .hotspots #hotspot-8 {
        top: 57.4%;
        left: 57.2%;
    }

    ._3D-hotspot-section .hotspots #hotspot-9 {
        top: 74.4%;
        left: 71.9%;
    }

    ._3D-hotspot-section .hotspots #hotspot-10 {
        top: 74.4%;
        left: 93.0%;
    }

    ._3D-hotspot-section .hotspots .hotspot.active {
        z-index: 1000;
    }

    ._3D-hotspot-section .hotspots .hotspot-heading {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger {
        background: #0096d6;
        border: 2px solid #fff;
        display: block;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        color: #fff;
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .hotspot-trigger:before {
        content: "";
    }

    ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: "";
        width: 13px;
        height: 2px;
        background: #fff;
    }

    ._3D-hotspot-section .hotspots .hotspot.active .hotspot-trigger:after, ._3D-hotspot-section .hotspots .hotspot.active .hotspot-trigger:before {
        content: "";
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .trigger-inactive {
        display: none;
    }

    ._3D-hotspot-section .hotspots .hotspot:not(.active) .hotspot-trigger:after {
        content: "";
        height: 13px;
        width: 2px;
        background: #fff;
    }

    ._3D-hotspot-section .hotspots .hotspot .hotspot-trigger:after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    ._3D-hotspot-section .hotspots .hotspot.active p {
        display: inherit;
        margin-top: 6px;
    }

    ._3D-hotspot-section .hotspots .hotspot.active p {
        position: absolute;
        background: #fff;
        color: #676666;
        padding: 15px;
        border: 1px solid #0096d6;
        width: 200px;
        margin: 0;
        top: 0;
        left: 72px;
    }

    ._3D-hotspot-section .hotspots .hotspot.active h3 {
        display: inherit;
        margin-top: 6px;
    }

    ._3D-hotspot-section .hotspots .hotspot.active h3 {
        position: absolute;
        background: #0096d6;
        color: #fff;
        padding: 15px;
        border: 1px solid #0096d6;
        width: 200px;
        margin: 0;
        top: -150%;
        left: 72px;
        border-bottom: none;
        z-index: 2;
    }

    ._3D-hotspot-section .hotspots .hotspot.active p:before {
        content: "";
        background: #0096d6;
        width: 48px;
        height: 2px;
        display: block;
        position: absolute;
        left: -49px;
        top: 14px;
    }

    ._3D-hotspot-section .hotspots .hotspot.active.wide h3, ._3D-hotspot-section .hotspots .hotspot.active.wide p {
        width: 250px;
    }

    ._3D-hotspot-section .hotspots .hotspot.active.view-left h3, ._3D-hotspot-section .hotspots .hotspot.active.view-left p {
        left: -240px;
    }

        ._3D-hotspot-section .hotspots .hotspot.active.view-left p:before {
            left: auto;
            right: -49px;
        }

    ._3D-hotspot-section .hotspots .hotspot.active.view-left.wide h3, ._3D-hotspot-section .hotspots .hotspot.active.view-left.wide p {
        left: -294px;
    }
}

@media (max-width: 1000px) {
    ._3D-hotspot-section .hotspots .hotspot.active.view-left.wide h3, ._3D-hotspot-section .hotspots .hotspot.active.view-left.wide p {
        left: -322px;
    }
}

@media (max-width: 768px) {
    ._3D-hotspot-section .title h1 {
        font-size: 24px;
    }

    ._3D-hotspot-section .title h2 {
        font-size: 24px;
    }

    ._3D-hotspot-section .hotspots .hotspot-heading {
        color: #a2a2a2;
    }
    /* .tabs_ .tab-content {
		padding: 10px 0px;
	} */
    .empty {
        height: 10px;
        clear: both;
        padding: 5px;
        width: 100%;
        position: relative;
    }

    .container-background-animated {
        height: 220px;
    }

    .tabs_ .tab-content .Software .part1, .tabs_ .tab-content .Software .part2 {
        width: 100%;
    }

    .tabs_ .tab-content .Software .title_1, .tabs_ .tab-content .Software .title_2 {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
    }

    .table_data h1, .video_ h1 {
        font-size: 35px;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 480px) {
    ._3D-hotspot-section .hotspots .hotspot-heading {
        font-size: 14px;
    }

    ._3D-hotspot-section .hotspots .hotspot:before {
        font-size: 14px;
    }

    ._3D-hotspot-section .hotspots .hotspot {
        padding: 0 0 0 25px;
    }
    /*.tabs_ .tab-content {
		padding: 30px 0px;
	} */
    .tabs_ .tab-content .reinvent_production h4, .tabs_ .tab-content .materials h4, .tabs_ .tab-content .Software h4 {
        font-size: 18px;
    }

    .nav-tabs > li {
        padding: 10px;
        width: 100%;
    }

    .table_data .table-bordered {
        font-size: 9px;
    }

    .table_data h1, .video_ h1 {
        font-size: 22px;
    }

    .table_data h5 {
        font-size: 14px;
    }

    ._3D-hotspot-section .title h1, ._3D-hotspot-section .title h2 {
        font-size: 14px;
    }
}


/* ---------------------------------------------------  End of hp 4200 styles -------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------- HP 300/500 style -------------------------------------------------------------------------------------------------------------*/


.oldman-hotspot {
    font-family: "HPSimplifiedLight";
    position: relative;
    text-align: center;
}

    .oldman-hotspot .headline {
        font-size: 44px;
        line-height: 1.1;
        color: #767676;
    }

    .oldman-hotspot .headline-description {
        font-size: 20px;
        line-height: 1.25;
        color: #767676;
        padding-bottom: 45px;
        margin-top: 15px;
    }

    .oldman-hotspot .desktop-mode {
        position: relative;
    }

        .oldman-hotspot .desktop-mode .inner {
            margin: 0px auto;
            max-width: 900px;
            position: relative;
        }

            .oldman-hotspot .desktop-mode .inner img {
                width: 100%;
            }

    .oldman-hotspot .mobile-mode {
        display: none;
        position: relative;
    }

        .oldman-hotspot .mobile-mode .inner {
            margin: 0px auto;
            position: relative;
        }

        .oldman-hotspot .mobile-mode .oldman-image {
            width: 100%;
            max-width: 100%;
        }

.desktop-mode .oldman-tooltip {
    position: absolute;
}

    .desktop-mode .oldman-tooltip[data-tooltip-id='1'] {
        top: 5px;
        left: 150px;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='1'] .oldman-tooltip-content {
            top: -127px;
            left: -510px;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='2'] {
        top: 121px;
        left: 273px;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='2'] .oldman-tooltip-content {
            top: -260px;
            left: -249px;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='5'] {
        top: 121px;
        left: 273px;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='5'] .oldman-tooltip-content {
            top: 16px;
            left: -244px;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='4'] {
        top: 121px;
        left: 273px;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='4'] .oldman-tooltip-content {
            top: -134px;
            left: 13px;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='3'] {
        top: 74px;
        left: 394px;
        z-index: 5;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='3'] .oldman-tooltip-content {
            top: -123px;
            left: -508px;
        }

    .desktop-mode .oldman-tooltip .oldman-tooltip-content {
        z-index: 1;
        background-color: #ebe9eb;
        display: none;
        height: 275px;
        width: 525px;
        border: 1px solid #5a5a5a;
        position: absolute;
    }

        .desktop-mode .oldman-tooltip .oldman-tooltip-content .image-wrapper, .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper {
            float: left;
        }

        .desktop-mode .oldman-tooltip .oldman-tooltip-content .image-wrapper {
            width: 230px;
            height: 100%;
            overflow: hidden;
        }

        .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper {
            width: 293px;
            position: relative;
            height: 100%;
        }

            .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper p {
                padding: 10px 37px 0 37px;
            }

            .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper:after {
                content: "";
                display: block;
                clear: both;
            }

            .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper .text {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                color: #5a5a5a;
            }

                .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper .text .subhead {
                    font-size: 30px;
                    line-height: 1.1;
                    padding: 10px;
                }

                .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper .text p {
                    font-size: 16px;
                    line-height: 1.25;
                }

.oldman-tooltip.open {
    z-index: 9999;
}

    .oldman-tooltip.open .hotspot-button {
        background: #1159a0;
    }

        .oldman-tooltip.open .hotspot-button:after {
            content: '-';
        }

    .oldman-tooltip.open .oldman-tooltip-content {
        display: block;
    }

.oldman-tooltip .hotspot-button {
    z-index: 4;
    background: #666666;
    border: 1px solid #ffffff;
    position: relative;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
    transform-origin: 50% 50%;
    box-sizing: border-box;
    cursor: pointer;
}

    .oldman-tooltip .hotspot-button:hover {
        transform: scale(1.2, 1.2);
    }

    .oldman-tooltip .hotspot-button:after {
        left: 1px;
        top: 1px;
        display: block;
        box-sizing: border-box;
        position: absolute;
        text-align: center;
        content: '+';
        font-size: 20px;
        width: 26px;
        height: 26px;
        line-height: 26px;
        color: #ffffff;
    }

@media screen and (min-width: 601px) and (max-width: 1600px) {
    .desktop-mode .oldman-tooltip[data-tooltip-id='1'] .oldman-tooltip-content {
        top: -114px;
        left: -510px;
    }
}

@media (min-width: 601px) and (max-width: 1400px) {
    .desktop-mode .inner {
        min-width: 600px;
        max-width: 800px;
    }

        .desktop-mode .inner img {
            width: 100%;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='1'] .oldman-tooltip-content {
        top: 14px;
        left: -215px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='2'] .oldman-tooltip-content {
        top: 14px;
        left: -260px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='3'] {
        z-index: 4;
    }

        .desktop-mode .oldman-tooltip[data-tooltip-id='3'] .oldman-tooltip-content {
            z-index: 2;
            top: 14px;
            left: -140px;
        }

    .desktop-mode .oldman-tooltip[data-tooltip-id='4'] .oldman-tooltip-content {
        top: -258px;
        left: -509px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='5'] .oldman-tooltip-content {
        top: 20px;
        left: 14px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='6'] .oldman-tooltip-content {
        top: 16px;
        left: -506px;
    }
}

@media only screen and (max-width: 1000px) {
    .oldman-hotspot .headline {
        font-size: 36px;
    }

    .oldman-hotspot .headline-description {
        font-size: 16px;
    }

    .desktop-mode .oldman-tooltip .oldman-tooltip-content .text-wrapper .text p {
        font-size: 16px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='1'] .oldman-tooltip-content {
        top: 14px;
        left: -160px;
    }
}

@media (min-width: 601px) and (max-width: 800px) {
    .desktop-mode .oldman-tooltip[data-tooltip-id='1'] .oldman-tooltip-content {
        top: 14px;
        left: -100px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='2'] .oldman-tooltip-content {
        top: 14px;
        left: -190px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='3'] .oldman-tooltip-content {
        top: 14px;
        left: -280px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='4'] .oldman-tooltip-content {
        top: -258px;
        left: -446px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='5'] .oldman-tooltip-content {
        top: -258px;
        left: -446px;
    }

    .desktop-mode .oldman-tooltip[data-tooltip-id='6'] .oldman-tooltip-content {
        top: 16px;
        left: -387px;
    }
}

@media only screen and (max-width: 600px) {
    .oldman-hotspot .headline {
        font-size: 24px;
    }

    .oldman-hotspot .desktop-mode {
        display: none;
    }

    .oldman-hotspot .mobile-mode {
        display: block;
    }

        .oldman-hotspot .mobile-mode .oldman-tooltip {
            position: absolute;
        }

            .oldman-hotspot .mobile-mode .oldman-tooltip .oldman-tooltip-content {
                display: none;
            }

        .oldman-hotspot .mobile-mode .oldman-tooltip-content {
            display: none;
            position: absolute;
            top: 0px;
            width: 100%;
            z-index: 100;
            background: #f5f5f5;
            min-height: 405px;
            max-height: 100%;
            height: 100%;
        }

            .oldman-hotspot .mobile-mode .oldman-tooltip-content .close-button {
                top: 10px;
                position: absolute;
                right: 10px;
                cursor: pointer;
            }

                .oldman-hotspot .mobile-mode .oldman-tooltip-content .close-button:after {
                    content: "\2715";
                    top: 10px;
                    position: absolute;
                    right: 10px;
                    font-size: 35px;
                }

            .oldman-hotspot .mobile-mode .oldman-tooltip-content .image-wrapper {
                padding: 55px 0 20px 0px;
                height: 37%;
                width: 100%;
            }

                .oldman-hotspot .mobile-mode .oldman-tooltip-content .image-wrapper img {
                    width: 113.08px;
                    height: 132px;
                    margin-top: -45px;
                }

            .oldman-hotspot .mobile-mode .oldman-tooltip-content .text-wrapper {
                position: relative;
                height: 44%;
            }

                .oldman-hotspot .mobile-mode .oldman-tooltip-content .text-wrapper p {
                    padding: 10px 37px 0 37px;
                }

                .oldman-hotspot .mobile-mode .oldman-tooltip-content .text-wrapper .text {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    color: #5a5a5a;
                    text-align: center;
                    left: 0px;
                    right: 0px;
                }

                    .oldman-hotspot .mobile-mode .oldman-tooltip-content .text-wrapper .text .subhead {
                        font-size: 24px;
                        line-height: 1.25;
                        padding-bottom: 10px;
                    }

                    .oldman-hotspot .mobile-mode .oldman-tooltip-content .text-wrapper .text p {
                        font-size: 16px;
                        line-height: 1.25;
                    }
}


.text-wrapper {
    font-family: "TT Norms", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* ---------------------------------------------------  End of hp 300/500 stylesheet -------------------------------------------------------------------------------------------------------*/


/* ---------------------------------------------------  Start of hp category stylesheet -------------------------------------------------------------------------------------------------------*/


.no-hover-colour:hover {

    color: black;
    
}

@media only screen and (max-width: 991px){


    #float-only-on-large-screen {
        float: none
    }

    
}


@media only screen and (min-width: 992px){


    #float-only-on-large-screen {
        float: right
    }

    
}




@media only screen and (max-width: 1199px){


    #float-only-on-large-screen-with-margin {
        float: none;
        margin-left: 15px;
    }

    
}


@media only screen and (min-width: 1200px){


    #float-only-on-large-screen-with-margin {
        float: right;
        margin-right:15px;
    }

    
}



/* ---------------------------------------------------  End of hp category stylesheet -------------------------------------------------------------------------------------------------------*/