@charset "utf-8";
/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearboth {
    clear: both
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    /* [disabled]-moz-box-sizing: border-box; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

sup {
    margin-left: -2px;
    font-size: 9px;
    margin-top: -6px !important;
    position: absolute;
}

body {
    background: #ffffff;
    background-image: url("../img/background-main.png");
    background-repeat: repeat-x;
    color: #3e3e3e;
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #333333;
    line-2-height: 1;
}

input, textarea, select {
    font-family: 'Montserrat', sans-serif;
}

a {
    text-decoration: none
}

#wrapper {
    margin: 0 auto;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.sbNav {
    display: none
}

.tpHed {
    float: right;
    width: 49%;
}

.dsktop {
    display: block
}

.videoBox {
    /*width: 375px;
                    height: 320px;*/
    background-color: #eeeeee;
    opacity: 0.9;
    background-repeat: repeat;
    z-index: 100;
    margin-bottom: 30px;
    margin-left: -115px;
    background: bottom;
}

.imageBox1 {
    float: left;
    width: 240px;
    height: 310px;
    /*padding: 18px 22px 18px 22px;*/
    /*background-color: #eeeeee;*/
    opacity: 0.9;
    background-repeat: repeat;
    z-index: 100;
    margin-bottom: 30px;
}

    .imageBox1 img {
        /*width:300px;
                    height:270px;*/
        max-height: 87%;
        min-width: 100%;
    }

.imageBox2 {
    float: left;
    width: 240px;
    height: 310px;
    /*padding: 18px 22px 18px 22px;*/
    /*background-color: #eeeeee;*/
    opacity: 0.9;
    background-repeat: repeat;
    z-index: 100;
    margin-bottom: 30px;
    margin-left: -40px;
}

    .imageBox2 img {
        /*width:300px;
                    height:270px;*/
        max-height: 87%;
        min-width: 100%;
    }

.imageBox3 {
    float: left;
    width: 240px;
    height: 310px;
    /*padding: 18px 22px 18px 22px;*/
    /*background-color: #eeeeee;*/
    opacity: 0.9;
    background-repeat: repeat;
    z-index: 100;
    margin-bottom: 30px;
    margin-left: -80px
}

    .imageBox3 img {
        /*width:300px;
                    height:270px;*/
        max-height: 87%;
        min-width: 100%;
    }

.imageTitle {
    height: 40px;
    background-color: #ff4242;
}

    .imageTitle h1 {
        color: #ffffff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-size: 18px;
        padding-top: 6px;
    }

.imageTitle2 {
    height: 40px;
    background-color: #429bff;
}

    .imageTitle2 h1 {
        color: #ffffff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-size: 18px;
        padding-top: 6px;
    }


.imageTitle3 {
    height: 40px;
    background-color: #6cc278;
}

    .imageTitle3 h1 {
        color: #ffffff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        font-size: 18px;
        padding-top: 6px;
    }

.videoTitleUst, .videoTitleAlt {
    height: 41px;
    background-color: #ff4242;
}


.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .video-container::after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoTitleUst h1 {
    color: #ffffff;
    padding-top: 10px;
    font-size: 13px;
    padding-left: 20px;
}

.videoTitleAlt h1 {
    color: #ffffff;
    margin-top: 13px;
    font-size: 14px;
    margin-left: 26px;
}

.videoTitleAlt .youtube {
    margin-top: 8px;
}

.mactitle {
    width: 100%;
    height: 60px;
    padding: 10px;
    background-color: brown;
    border-bottom: 8px solid black;
    margin-top: 25px;
    padding-top: 15px;
}

.mactitleproduct {
    width: 100%;
    height: 40px;
    padding: 10px;
    background-color: brown;
    border-bottom: 6px solid red;
    margin-top: 0px;
    padding-top: 15px;
}

.logoholder {
    float: left;
    width: 190px;
    height: 76px;
    border-right: 1px solid #cac7c0;
}


.bannerdown {
    width: 573px;
    height: 119px;
}


.container {
    width: 100%;
    height: 150px;
    margin: 25px 0 10px 0;
    padding: 10px;
}

/*.container img {
        width: 200px;
        height: 100px;
    }*/

.one {
    width: auto;
    height: 150px;
    float: left;
}

.two {
    width: auto;
    margin-left: 5%;
    height: 150px;
    float: left;
}


.contactform {
    width: 90%;
    background-color: #f3f3f3;
    border: 2px solid #c7c7c7;
    height: auto;
    padding: 15px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 20px;
}

    .contactform .Submit1 {
        background-color: crimson;
        color: white;
        font-size: 18px;
    }

    .contactform textarea {
        width: 90%;
        height: 200px;
    }

    .contactform h1 {
        font-size: 24px;
        font-weight: 800;
        color: crimson;
        margin-bottom: 6px;
    }

    .contactform input, textarea {
        width: 180px;
        margin-bottom: 5px;
        padding: 6px;
    }

    .contactform label {
        float: left;
        width: 200px;
        font-weight: bold;
    }

    .contactform .error {
        float: left;
        width: 200px;
        font-weight: bold;
    }

.feedback {
    background-color: firebrick;
    color: white;
    padding: 10px 20px;
    border-radius: 3px;
    border-color: red;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

#mybutton {
    position: fixed;
    bottom: -4px;
    right: 10px;
    z-index: 1000000;
}


.feedback .ldiv {
    display: inline-block;
    margin-left: 0px;
}

.feedback .rdiv {
    display: inline-block;
    margin-left: 7px;
}

.notifys {
    color: white;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}


.macinthumb img {
    width: 100px;
    height: 80px;
    padding-top: 15px;
}


.langselect {
    position: absolute;
    right: 0px;
    top: 30px;
    font-size: 14px;
    width: 100px;
    float: right;
    height: 10px;
}

    .langselect h4 a {
        font-size: 12px;
        color: firebrick;
        text-decoration: none;
    }


        .langselect h4 a:hover {
            text-decoration: underline;
        }

    .langselect .text_div {
        display: inline-block;
        margin-left: 3px;
    }

    .langselect .icon_div {
        display: inline-block;
        margin-left: 0px;
    }




.ContentArea .application .details .c2 {
    float: right;
    width: 70%
}

    .ContentArea .application .details .c2 .r1 {
        margin-right: 40px;
        float: left;
        width: 28.5%
    }

        .ContentArea .application .details .c2 .r1 p {
            min-height: 120px; /* margin-bottom:15px;*/
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r1 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r1 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }


    .ContentArea .application .details .c2 .r2 {
        margin-right: 40px;
        float: left;
        width: 80%
    }

        .ContentArea .application .details .c2 .r2 p {
            margin-bottom: 15px;
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r2 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r2 img {
            margin-right: 25px
        }

        .ContentArea .application .details .c2 .r2 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .application .details .c2 .r3 {
        margin-right: 40px;
        float: left;
        width: 100%
    }

        .ContentArea .application .details .c2 .r3 p { /* margin-bottom:15px;*/
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r3 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r3 img {
            margin-right: 25px
        }

        .ContentArea .application .details .c2 .r3 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }

.specnow .ss1 a img {
    margin-left: 37px;
    margin-top: 12px;
}

.sloganholder {
    float: right;
    width: 250px;
    height: 76px;
    margin-left: 16px;
    padding-top: 24px;
}

    .sloganholder h1 {
        color: #746b5a;
        font-size: 16px;
        margin-left: 0px;
        letter-spacing: 2px;
    }

    .sloganholder h2 {
        color: #746b5a;
        font-size: 11.5px;
        margin-top: 5px;
    }



.mactitleproduct h4 {
    color: white;
    font-size: 24px;
    font-weight: 700;
}

.machines h1 {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.wordbreak {
    word-break: break-all;
}

.machinegroup {
    padding-top: 10px;
    padding-bottom: 10px;
}

.macleft {
    float: left;
    width: 260px;
    height: 364px;
    overflow: hidden;
    padding: 15px;
}

.macright {
    overflow: hidden;
    padding: 15px;
}

.machinebox ul {
    list-style: none;
    padding-bottom: 13px;
}

.machinebox li {
    height: 100px;
}

.macsingle {
    background-image: url("/img/backrow.png");
    height: 100px;
    width: 100%;
    background-size: 100% 100px;
}

.macinleft {
    float: left;
    width: 650px;
    height: 100%;
    overflow: hidden;
    padding-top: 10px;
}


.macinthumb {
    float: left;
    width: 95px;
}

    .macinthumb img {
        width: 90px;
        height: 65px;
        padding-top: 5px;
        margin-top:8px;
    }

.macinleft img {
    float: left;
    width: 70px;
    height: 35px;
    margin-left: 9px;
}

.macinleft h1 {
    position: relative;
    top: 5px;
    width: auto;
    left: 7px;
    font-size: 24px;
    color: #b70b33;
    font-weight: 800;
    text-decoration: none;
}

.macinleft h2 {
    font-size: 18px !important;
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    margin-top: 10px;
    margin-left: 10px;
}

.macinmiddle {
    float: left;
    width: 450px;
    height: 100%;
    overflow: hidden;
    padding: 15px;
}


.macinright {
    overflow: hidden;
    padding: 15px;
}




/*resize header */
/*header, a, img, li{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
header{float: left;width: 100%;position: fixed;z-index: 10; background-color:#fff; padding-bottom:30px;}
header.large img{width:192px;height: 68px;}
header.small{height: 60px;}
header.small img{width: 120px; height:40px; margin-top: -5px; }
header.small li{margin-top:0px;}*/
/*resize header */
.headerArea {
    margin: 0 auto;
    clear: both;
    width: 100%;
    padding: 7px 0px 12px 0px;
    background-image: url("../img/headerback.png");
    background-repeat: no-repeat;
    background-position: center;
}

.topHeader {
    margin: 0 auto;
    clear: both;
    max-width: 1230px;
}

    .topHeader .logoArea {
        float: left;
        margin-top: 30px
    }

.navigation {
    float: left;
    border-top: 1px #e4e4e4 solid;
    width: 100%;
    position: relative;
    z-index: 1000 /* padding:9px 0px 22px 0px*/
}

    .navigation .mainNav {
        margin: 0 auto;
        max-width: 100%
    }

        .navigation .mainNav .menuA2 {
            margin: 0 auto;
            max-width: 1230px
        }

    .navigation .mainNav2 {
        margin: 0 auto;
        max-width: 1230px
    }


.mypets { /* margin-bottom:20px; */
    float: left;
    cursor: hand;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    color: #000
}

    .mypets:hover { /*background-color:#004d93*/
    }

.openpet {
    background-image: url(images/minus.png);
    background-position: left;
    background-repeat: no-repeat
}

.thepet { /*margin-top:-10px; */
    float: right;
    width: 63%; /*padding:13px 20px 0px 20px*/
}

    .thepet h2 {
        font-size: 17px;
        margin-bottom: 6px;
        color: #247db2;
        font-weight: bold
    }

    .thepet h3 { /* margin-bottom:22px;*/
        font-size: 15px;
        color: #333;
        font-weight: normal
    }

.clear {
    clear: both
}

.openlanguage {
    color: green;
}

.closedlanguage {
    color: red;
}



hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/*.navArea {float: right;padding: 0;position: relative;width: 65%; z-index: 100}*/
.navArea {
    float: right;
    width: 58%
}

    .navArea .prNv {
        float: right;
        padding-top: 24px;
        width: 100%;
        margin-bottom: 10px;
    }

        .navArea .prNv ul {
            margin: 0px;
            padding: 0px;
        }

            .navArea .prNv ul li {
                float: right;
                list-style: none;
                border-right: 1px #CCC solid;
                margin: 0px;
                padding: 0px 12px 0px 12px;
            }

                .navArea .prNv ul li a {
                    font-weight: 400;
                    color: #a6a6a6;
                    line-height: 12px;
                    font-size: 12px
                }

                    .navArea .prNv ul li a:hover {
                        color: #000
                    }

        .navArea .prNv .cln1 {
            float: left;
            width: 58%
        }

            .navArea .prNv .cln1 .icn1 {
                margin-right: 10px;
                float: left
            }

            .navArea .prNv .cln1 .txtBox {
                float: left;
                width: 80%
            }

                .navArea .prNv .cln1 .txtBox h2 {
                    margin-bottom: 8px;
                    font-size: 13px;
                    color: #565656;
                    font-weight: 500
                }

                .navArea .prNv .cln1 .txtBox span {
                    font-size: 12px;
                    color: #565656;
                    font-weight: 400
                }

                .navArea .prNv .cln1 .txtBox a {
                    font-size: 13px;
                    color: #565656;
                    font-weight: 400
                }

        .navArea .prNv .cln2 {
            float: right;
            width: 31%
        }

            .navArea .prNv .cln2 .icn1 {
                margin-left: -170px;
                margin-top: 8px;
                float: left
            }

            .navArea .prNv .cln2 .txtBox {
                float: left;
                width: 29%
            }

                .navArea .prNv .cln2 .txtBox h2 {
                    margin-bottom: 8px;
                    font-size: 13px;
                    color: #565656;
                    font-weight: 500
                }

                .navArea .prNv .cln2 .txtBox span {
                    font-size: 12px;
                    color: #565656;
                    font-weight: 400
                }

                .navArea .prNv .cln2 .txtBox a {
                    font-size: 13px;
                    color: #565656;
                    font-weight: 400
                }

                    .navArea .prNv .cln2 .txtBox a:hover {
                        color: #b32626
                    }

        .navArea .prNv .cln3 {
            float: left;
            width: 36%
        }

            .navArea .prNv .cln3 .icn1 {
                margin-right: 10px;
                float: left
            }

            .navArea .prNv .cln3 .txtBox {
                float: left;
                width: 80%
            }

                .navArea .prNv .cln3 .txtBox h2 {
                    margin-bottom: 8px;
                    font-size: 13px;
                    color: #565656;
                    font-weight: 500
                }

                .navArea .prNv .cln3 .txtBox span {
                    font-size: 12px;
                    color: #565656;
                    font-weight: 400
                }

                .navArea .prNv .cln3 .txtBox a {
                    font-size: 13px;
                    color: #565656;
                    font-weight: 400
                }

.nav {
    float: right;
    padding: 0px 0 0;
    width: 100%;
}

.socialArea {
    float: right;
    width: 120px;
    margin-top: 16px;
}
    /*.socialArea{float:right; width:120px; margin-left:-150px; display:inline-block; margin-top:19px;  text-align:right; position:absolute}*/


    /*.socialArea{ float:right; width:24%; text-align:right; border-left:1px #e4e4e4 solid;  padding:21px 0px 21px 0px;}*/
    .socialArea .icln1 {
        margin-left: 10px;
        float: right;
        width: 26px;
        height: 26px;
        background-image: url(../images/social-icon.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .socialArea .icln2 {
        margin-left: 10px;
        float: right;
        width: 26px;
        height: 26px;
        background-image: url(../images/social-icon.jpg);
        background-repeat: no-repeat;
        background-position: -35px 0px
    }

    .socialArea .icln3 {
        margin-left: 10px;
        float: right;
        width: 26px;
        height: 26px;
        background-image: url(../images/social-icon.jpg);
        background-repeat: no-repeat;
        background-position: -70px 0px
    }
/*.bannerArea{ padding-top:70px; float:left; text-align:center; min-height:390px; background-image:url(../images/banner1.jpg); background-position:center center; background-repeat:no-repeat; width:100%; background-color:#CCC} */

.sarchArea {
    float: right;
    width: 230px;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    display: inline-block;
    margin-top: 0px;
    text-align: left;
    color: #999
}
/*.sarchArea{float:right; width:230px; border-left:1px #CCCCCC solid ; border-right:1px #CCCCCC solid;  margin-left:-400px;display:inline-block; margin-top:0px;  text-align:left; color:#999; position:absolute}
*/

.inputype {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    border: 0px;
    background-image: url(../images/serach-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 20px 44px 20px 20px;
}

.mainArea {
    float: left;
    width: 100%;
    border-top: 1px #e4e4e4 solid
}

.ContArea {
    margin: 0 auto;
    padding: 26px 0px 26px 0px;
    max-width: 1230px;
    /*background-image: url(../img/maindot.jpg);*/
    background-position: bottom;
    background-repeat: no-repeat;
}

    .ContArea .cl1 {
        float: left;
        margin-right: 11px;
        width: 339px;
    }

    .ContArea .cl2 {
        float: left;
        width: 278px;
        margin-right: 11px
    }

        .ContArea .cl2 .c1 {
            float: left;
            width: 100%;
            margin-bottom: 9px
        }

        .ContArea .cl2 .c2 {
            float: left;
            width: 100%
        }

    .ContArea .newssec {
        width: 293px;
        height: 278px;
        background-image: url(../img/news-base.jpg);
    }

        .ContArea .newssec p {
            font-size: 12px;
            color: #3c3c3c;
            line-height: 18px;
            font-weight: 400;
            margin-left: 34px;
            margin-bottom: 5px;
        }

        .ContArea .newssec a {
            font-size: 12px;
            color: #419cc2;
            line-height: 18px;
            font-weight: 400;
            margin-left: 34px;
            text-decoration: underline;
        }

.newsimg {
    margin: 48px 0 3px 0px;
}

.ContArea .cl3 {
    float: left;
    width: 287px;
    margin-right: 11px
}

    .ContArea .cl3 .c1 {
        float: left;
        width: 100%;
        margin-bottom: 9px
    }

    .ContArea .cl3 .c2 {
        float: left;
        width: 100%
    }

.ContArea .cl4 {
    float: left;
    width: 286px;
    margin-right: 0px
}

    .ContArea .cl4 .c1 {
        float: left;
        width: 100%;
        margin-bottom: 6px
    }

    .ContArea .cl4 .c2 {
        float: left;
        width: 100%;
        margin-bottom: 6px
    }


.ContinArea {
    margin: 0 auto;
    padding: 26px 0px 26px 0px;
    max-width: 1230px;
}

    .ContinArea .cl1 {
        float: left;
        margin-right: 11px;
        width: 339px;
    }

    .ContinArea .cl2 {
        float: left;
        width: 278px;
        margin-right: 11px
    }

        .ContinArea .cl2 .c1 {
            float: left;
            width: 100%;
            margin-bottom: 9px
        }

        .ContinArea .cl2 .c2 {
            float: left;
            width: 100%
        }

    .ContinArea .newssec {
        width: 293px;
        height: 278px;
        background-image: url(../img/news-base.jpg);
    }

        .ContinArea .newssec p {
            font-size: 12px;
            color: #3c3c3c;
            line-height: 18px;
            font-weight: 400;
            margin-left: 34px;
            margin-bottom: 5px;
        }

        .ContinArea .newssec a {
            font-size: 12px;
            color: #419cc2;
            line-height: 18px;
            font-weight: 400;
            margin-left: 34px;
            text-decoration: underline;
        }

    .ContinArea .cl3 {
        float: left;
        width: 287px;
        margin-right: 11px
    }

        .ContinArea .cl3 .c1 {
            float: left;
            width: 100%;
            margin-bottom: 9px
        }

        .ContinArea .cl3 .c2 {
            float: left;
            width: 100%
        }

    .ContinArea .cl4 {
        float: left;
        width: 286px;
        margin-right: 0px
    }

        .ContinArea .cl4 .c1 {
            float: left;
            width: 100%;
            margin-bottom: 6px
        }

        .ContinArea .cl4 .c2 {
            float: left;
            width: 100%;
            margin-bottom: 6px
        }



.newsArea {
    min-height: 500px;
    float: right;
    width: 280px;
    padding: 16px 16px 16px 16px;
    background-color: #334f99
}

    .newsArea h2 {
        padding-bottom: 12px;
        margin-bottom: 12px;
        font-size: 16px;
        color: #FFF;
        font-weight: 500;
        text-transform: uppercase;
        border-bottom: 1px #8595c2 solid
    }

    .newsArea h3 {
        margin-bottom: 13px;
        font-size: 14px;
        line-height: 22px;
        color: #FFF;
        font-weight: 500;
    }

    .newsArea h4 {
        text-transform: uppercase;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 22px;
        color: #FFF;
        font-weight: 500;
    }

    .newsArea p {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 18px;
        color: #FFF;
        font-weight: 400;
    }

    .newsArea a {
        margin-bottom: 13px;
        font-size: 12px;
        line-height: 18px;
        text-decoration: underline;
        color: #FFF;
        font-weight: 400;
    }

    .newsArea hr {
        margin-top: 4px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
        color: #8595c2
    }

    .newsArea .pith1 {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }

    .newsArea ul {
        margin: 0px;
        padding: 0px
    }

        .newsArea ul li {
            background-image: url(../images/pdficn2.png);
            background-position: 0px 5px;
            background-repeat: no-repeat;
            list-style: none;
            margin: 0px 0px 11px 0px;
            padding: 0px 0px 5px 44px
        }

            .newsArea ul li a {
                margin-bottom: 13px;
                font-size: 12px;
                line-height: 17px;
                text-decoration: none;
                color: #FFF;
                font-weight: 400;
            }







.dropArea {
    float: left;
    width: 100%
}

.dropDown {
    float: left;
    background-color: #b52725;
    padding: 45px 40px 60px 40px !important;
    width: 100%
}

    .dropDown .dropCln1 {
        float: left;
        width: 340px;
        margin-right: 40px !important;
    }

        .dropDown .dropCln1 .cln1 {
            float: left;
            margin-bottom: 40px;
            width: 100%
        }

            .dropDown .dropCln1 .cln1:last-child {
                margin-bottom: 0px;
                margin-right: 0px !important;
            }

            .dropDown .dropCln1 .cln1 h2 {
                font-size: 16px;
                margin-bottom: 14px;
                font-weight: 500;
                padding-left: 15px;
                color: #FFF;
                background-image: url(images/arow.jpg);
                background-position: 0px 3px;
                background-repeat: no-repeat
            }

            .dropDown .dropCln1 .cln1 p {
                font-size: 13px;
                font-weight: 400;
                line-height: 18px;
                padding-left: 15px;
                color: #FFF;
            }

ul.subNav {
    margin-top: -27px;
    float: left;
    width: 78%;
    margin-left: 7px;
    border: 1px #e4e4e4 solid;
    background-color: #f7f7f7
}

    ul.subNav li {
        list-style: none;
        float: left;
        margin: 0px;
        padding: 18px 33px 18px 33px !important
    }

        ul.subNav li a {
            font-size: 14px;
            color: #000 !important;
            font-weight: 400 !important;
        }

            ul.subNav li a em {
                font-style: italic;
                margin-left: -1px
            }

            ul.subNav li a:hover {
                color: #db241c !important
            }

            ul.subNav li a.active {
                color: #db241c !important;
                font-weight: 500 !important;
            }

.bradCram {
    float: left;
    width: 100%
}

    .bradCram .bd {
        float: left;
        width: 100%;
        margin-top: -15px;
    }

        .bradCram .bd ul {
            margin: 0px;
            padding: 0px
        }

            .bradCram .bd ul li {
                list-style: none;
                float: left;
                margin: 0px;
                padding: 0px 10px 0px 0px
            }

                .bradCram .bd ul li a {
                    font-size: 13px;
                    color: #666666;
                    font-weight: 400;
                    line-height: 22px;
                    padding: 0px 10px 0px 0px
                }

                    .bradCram .bd ul li a:hover {
                        color: #000
                    }


.bradCram2 {
    float: left;
    width: 100%
}

    .bradCram2 ul {
        margin: 0px;
        padding: 0px
    }

        .bradCram2 ul li {
            list-style: none;
            float: left;
            margin: 0px;
            padding: 0px 10px 0px 0px
        }

            .bradCram2 ul li a {
                font-size: 13px;
                color: #666666;
                font-weight: 400;
                padding: 0px 10px 0px 0px
            }

                .bradCram2 ul li a:hover {
                    color: #000
                }

.margin45 {
    margin-top: 45px;
}

.ContentArea {
    margin-top: 30px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

    .ContentArea .cl1 {
        float: left;
        margin-top: 5px;
    }

        .ContentArea .cl1 h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

    .ContentArea .cl2 {
        float: left;
        width: 39%;
        margin-left: 0px
    }

        .ContentArea .cl2 h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

        .ContentArea .cl2 span {
            margin-bottom: 12px;
            font-size: 14px;
            color: #000;
            font-weight: 400
        }

        .ContentArea .cl2 p {
            text-align: justify;
            margin-top: 15px;
            font-size: 14px;
            color: #868686;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .cl3 {
        padding-top: 50px;
        float: right;
        width: 295px
    }

        .ContentArea .cl3 h3 {
            margin-bottom: 15px;
            font-size: 27px;
            color: #db2319;
            font-weight: 500
        }

        .ContentArea .cl3 p {
            margin-bottom: 50px;
            font-size: 20px;
            color: #181818;
            line-height: 29px;
            font-weight: 400
        }

    .ContentArea .cl4 {
        float: left;
        margin-top: 50px;
        width: 49%;
        margin-left: 49px
    }

        .ContentArea .cl4 h4 {
            margin-bottom: 15px;
            font-size: 20px;
            color: #000;
            font-weight: 500
        }

        .ContentArea .cl4 span {
            margin-bottom: 15px;
            font-size: 14px;
            color: #666666;
            line-height: 21px;
            font-weight: 500
        }

        .ContentArea .cl4 p {
            margin-bottom: 35px;
            font-size: 13px;
            color: #666666;
            line-height: 21px;
            font-weight: 400
        }

        .ContentArea .cl4 h5 {
            margin-bottom: 15px;
            margin-top: 10px;
            font-size: 16px;
            color: #db241c;
            font-weight: 500
        }


    .ContentArea .cl7 {
        float: left;
        width: 39%;
        margin-left: 45px
    }

        .ContentArea .cl7 h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

        .ContentArea .cl7 span {
            margin-bottom: 12px;
            font-size: 16px;
            color: #000;
            font-weight: 400
        }

        .ContentArea .cl7 p {
            text-align: justify;
            margin-top: 15px;
            font-size: 14px;
            color: #868686;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .clxx {
        float: left;
        width: 29%;
        margin-left: 170px
    }

        .ContentArea .clxx h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

        .ContentArea .clxx span {
            margin-bottom: 12px;
            font-size: 16px;
            color: #000;
            font-weight: 400
        }

        .ContentArea .clxx p {
            text-align: justify;
            margin-top: 15px;
            font-size: 14px;
            color: #868686;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .cl10 {
        float: left;
        margin-top: 65px;
        width: 49%;
        margin-left: 120px
    }

        .ContentArea .cl10 p {
            margin-bottom: 35px;
            font-size: 13px;
            color: #666666;
            line-height: 21px;
            font-weight: 400
        }




    .ContentArea .cl5 {
        float: left;
        margin-top: 5px;
    }

        .ContentArea .cl5 h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }


    .ContentArea .cl9 {
        float: left;
        margin-top: 5px;
    }

        .ContentArea .cl9 h2 {
            margin-bottom: 45px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }



    .ContentArea .cl8 {
        float: left;
        width: 100%;
    }

        .ContentArea .cl8 h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

        .ContentArea .cl8 .log1 {
            float: left;
            margin-right: 20px;
            margin-bottom: 25px
        }

            .ContentArea .cl8 .log1 img {
                border: #CCC solid 1px
            }

        .ContentArea .cl8 p {
            margin-bottom: 40px;
            font-size: 14px;
            color: #868686;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .titleArea {
        float: left;
        width: 100%
    }

        .ContentArea .titleArea h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

    .ContentArea .milestonesArea {
        float: left;
        padding-top: 30px;
        padding-bottom: 20px;
        width: 100%;
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;
        margin-bottom: 20px;
    }

        .ContentArea .milestonesArea .yearArea {
            float: left;
            width: 33%
        }

            .ContentArea .milestonesArea .yearArea h2 {
                font-size: 76px;
                color: #1f1f1f;
                font-weight: 600;
                letter-spacing: -6px;
                text-transform: uppercase
            }

            .ContentArea .milestonesArea .yearArea img {
                width: 100%;
                margin-top: 30px
            }

        .ContentArea .milestonesArea .yearDetails {
            float: right;
            width: 60%;
            margin-top: 12px
        }

            .ContentArea .milestonesArea .yearDetails h3 {
                margin-bottom: 20px;
                font-size: 21px;
                color: #db241c;
                font-weight: 600;
                text-transform: uppercase
            }

            .ContentArea .milestonesArea .yearDetails ul {
                margin: 0px;
                padding: 0px
            }

                .ContentArea .milestonesArea .yearDetails ul li {
                    list-style: circle;
                    margin: 0px;
                    font-size: 13px;
                    color: #565656;
                    font-weight: 400;
                    line-height: 20px;
                    padding: 0px 0px 12px 0px
                }

                    .ContentArea .milestonesArea .yearDetails ul li em {
                        font-style: italic;
                        margin-left: -2px
                    }

                    .ContentArea .milestonesArea .yearDetails ul li:last-child {
                        margin-bottom: 20px
                    }


        .ContentArea .milestonesArea .yearArea2 {
            float: left;
            width: 33%
        }

            .ContentArea .milestonesArea .yearArea2 h5 {
                margin-bottom: 10px;
                font-size: 26px;
                color: #1f1f1f;
                font-weight: 500;
                letter-spacing: -1px
            }

            .ContentArea .milestonesArea .yearArea2 h2 {
                font-size: 63px;
                color: #1f1f1f;
                font-weight: 600;
                letter-spacing: -3px
            }

            .ContentArea .milestonesArea .yearArea2 img {
                width: 100%;
                margin-top: 10px
            }

        .ContentArea .milestonesArea .yearDetails2 {
            float: right;
            width: 100%;
            margin-top: 12px
        }

            .ContentArea .milestonesArea .yearDetails2 h3 {
                margin-bottom: 20px;
                font-size: 21px;
                color: #db241c;
                font-weight: 600;
                text-transform: uppercase
            }

            .ContentArea .milestonesArea .yearDetails2 ul {
                margin: 0px;
                padding: 0px
            }

                .ContentArea .milestonesArea .yearDetails2 ul li {
                    background-image: url(../img/news-icon.png);
                    background-repeat: no-repeat;
                    background-position: 0px 0px;
                    list-style: none;
                    margin: 0px 0px 11px 0px;
                    font-size: 13px;
                    color: #565656;
                    font-weight: 400;
                    line-height: 20px;
                    padding: 5px 0px 12px 32px
                }

                    .ContentArea .milestonesArea .yearDetails2 ul li a {
                        font-size: 13px;
                        color: #565656;
                        font-weight: 400;
                        line-height: 20px;
                    }

                        .ContentArea .milestonesArea .yearDetails2 ul li a:hover {
                            text-decoration: underline;
                            color: #000
                        }

                    .ContentArea .milestonesArea .yearDetails2 ul li em {
                        font-style: italic;
                        margin-left: -2px
                    }

                    .ContentArea .milestonesArea .yearDetails2 ul li:last-child {
                        margin-bottom: 20px
                    }

            .ContentArea .milestonesArea .yearDetails2 .picth1 {
                float: left;
                width: 30%;
                margin-bottom: 30px;
                min-height: 250px;
                margin-right: 25px
            }

                .ContentArea .milestonesArea .yearDetails2 .picth1 h5 {
                    margin-top: 10px;
                    font-size: 13px;
                    letter-spacing: -0.3px;
                    line-height: 20px;
                    color: #1f1f1f;
                    font-weight: 400
                }

    .ContentArea .investors {
        float: left;
        padding-top: 40px;
        min-height: 450px;
        padding-bottom: 20px;
        width: 100%;
        border-top: 1px #cecece solid
    }

        .ContentArea .investors .cln1 {
            float: left;
            width: 60%
        }

            .ContentArea .investors .cln1 h2 {
                margin-bottom: 20px;
                font-size: 21px;
                color: #414141;
                letter-spacing: -0.1px;
                font-weight: 500;
            }

            .ContentArea .investors .cln1 p {
                font-size: 14px;
                color: #676767;
                line-height: 23px;
                text-align: justify;
                font-weight: 400
            }

                .ContentArea .investors .cln1 p a {
                    color: #da251c;
                    text-decoration: underline;
                    font-style: italic
                }

        .ContentArea .investors .cln2 {
            margin-top: 34px;
            float: right;
            width: 35%
        }

.ourTeam {
    min-height: 144px;
    float: left;
    width: 100%;
    background-image: url(../images/ourteam-bg.jpg);
    text-align: center;
    background-position: center center;
    background-repeat: repeat-x
}

.ourTeamARea {
    padding-top: 30px;
    margin: 0px auto;
    width: 1230px
}

    .ourTeamARea .titleArea {
        margin: 0 auto;
        text-align: center;
        width: 70%
    }

        .ourTeamARea .titleArea h2 {
            margin-bottom: 25px;
            font-size: 27px;
            color: #000;
            font-weight: 500
        }

        .ourTeamARea .titleArea p {
            margin-bottom: 45px;
            font-size: 14px;
            line-height: 23px;
            color: #000;
            font-weight: 400
        }

.teamArea1 {
    float: left;
    text-align: center;
    width: 100%
}

    .teamArea1 .teamCl1 {
        margin-right: 40px;
        margin-bottom: 20px;
        border: 1px #fff solid;
        vertical-align: text-top;
        display: inline-block;
        padding: 10px;
        width: 15%;
        text-align: center
    }

        .teamArea1 .teamCl1 .picth {
            float: left;
            margin-bottom: 10px;
        }

        .teamArea1 .teamCl1 .txtBx {
            float: left;
            width: 100%
        }

            .teamArea1 .teamCl1 .txtBx h2 {
                margin-bottom: 5px;
                font-size: 15px;
                color: #414141;
                letter-spacing: -0.1px;
                font-weight: 500;
            }

            .teamArea1 .teamCl1 .txtBx p {
                margin-bottom: 10px;
                font-size: 13px;
                line-height: 18px;
                color: #414141;
                letter-spacing: -0.1px;
                font-weight: 400;
            }

        .teamArea1 .teamCl1:hover {
            background-color: #fff;
            border: 1px #c7c7c7 solid;
            color: #FFF
        }



.footerBrad {
    float: left;
    padding: 0px 0px 0px 0px;
    margin-top: 90px;
    width: 100%;
    background-color: #db241c
}

    .footerBrad .fooBr1 {
        margin: 0 auto;
        width: 1230px
    }

        .footerBrad .fooBr1 h2 {
            margin-bottom: 17px;
            font-size: 16px;
            color: #ffffff;
            font-weight: 500;
            text-transform: uppercase
        }

    .footerBrad .fbr {
        float: left;
        width: 100%;
        border-top: 1px #e24f47 solid
    }

    .footerBrad .fooBr2 {
        margin: 0 auto;
        width: 1230px
    }

        .footerBrad .fooBr2 ul {
            margin: 0px;
            padding: 0px
        }

            .footerBrad .fooBr2 ul li {
                list-style: none;
                float: left;
                border-left: 1px #ec3e35 solid;
                margin: 0px;
                padding: 17px 22px 17px 22px
            }

                .footerBrad .fooBr2 ul li a {
                    font-size: 14px;
                    color: #fff;
                    font-weight: 400;
                }

                    .footerBrad .fooBr2 ul li a em {
                        font-style: italic
                    }


.artists_area {
    padding: 30px;
    margin: 0 auto;
    width: 750px;
    background-color: #da251c
}

    .artists_area .artists_pic {
        float: left;
        margin-right: 40px
    }

        .artists_area .artists_pic h2 {
            font-size: 20px;
            color: #fff;
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight: 500
        }

        .artists_area .artists_pic a {
            margin-right: 6px;
        }

    .artists_area .artists_about {
        float: left;
        width: 68%;
    }

        .artists_area .artists_about h3 {
            margin-bottom: 20px;
            font-size: 20px;
            color: #fff;
            line-height: 25px;
            font-weight: 500
        }

            .artists_area .artists_about h3 span {
                font-size: 15px;
                color: #fff;
                line-height: 25px;
                font-weight: 500
            }

        .artists_area .artists_about em {
            font-size: 14px;
            font-style: italic;
            color: #fff;
            font-weight: 500
        }

        .artists_area .artists_about p {
            font-size: 13px;
            color: #fff;
            line-height: 19px;
            font-weight: 500
        }



.ics_area {
    border: 1px #CCC solid;
    padding: 30px;
    margin: 0 auto;
    width: 1110px;
    background-color: #fff
}

    .ics_area p {
        font-size: 13px;
        text-align: justify;
        color: #555555;
        line-height: 21px;
        font-weight: 400
    }

    .ics_area ul {
        margin: 0px;
        padding: 0px
    }

        .ics_area ul li {
            list-style: inside;
            font-size: 13px;
            text-align: justify;
            color: #555555;
            line-height: 21px;
            font-weight: 400;
            margin-bottom: 20px;
        }



.ContentArea .spArea {
    float: left;
    margin-top: 5px;
}

    .ContentArea .spArea h2 {
        margin-bottom: 25px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

.ContentArea .spAreaCl1 {
    float: left;
    width: 60%;
    margin-left: 49px
}

    .ContentArea .spAreaCl1 h2 {
        margin-bottom: 25px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

    .ContentArea .spAreaCl1 p {
        text-align: justify;
        margin-top: 15px;
        font-size: 13px;
        color: #868686;
        line-height: 20px;
        font-weight: 400
    }

    .ContentArea .spAreaCl1 .row1 {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

        .ContentArea .spAreaCl1 .row1 .picth1 {
            float: left
        }

            .ContentArea .spAreaCl1 .row1 .picth1 img {
                border: 1px #CCCCCC solid
            }

    .ContentArea .spAreaCl1 .spCln1 {
        float: right;
        width: 55%
    }

        .ContentArea .spAreaCl1 .spCln1 p {
            text-align: justify;
            margin-top: 0px;
            font-size: 13px;
            color: #7e7e7e;
            line-height: 20px;
            font-weight: 400
        }

.ContentArea .whyPlus {
    float: left;
    width: 100%
}

    .ContentArea .whyPlus h2 {
        margin-bottom: 10px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

        .ContentArea .whyPlus h2 em {
            font-style: italic
        }

    .ContentArea .whyPlus p {
        margin-top: 5px;
        font-size: 13px;
        color: #868686;
        line-height: 22px;
        font-weight: 400
    }

    .ContentArea .whyPlus .cl1 {
        float: left;
        border: 1px #CCCCCC solid;
        margin-top: 20px;
        width: 100%
    }

    .ContentArea .whyPlus .whyCln1 {
        float: left;
        margin-top: 20px;
        width: 50%
    }

    .ContentArea .whyPlus .cl2 {
        float: left
    }

    .ContentArea .whyPlus .ficture {
        margin-top: 60px;
        float: left;
        width: 100%
    }

        .ContentArea .whyPlus .ficture .cl1a {
            min-height: 150px;
            float: left;
            width: 23%;
            padding-right: 35px;
            border-right: 1px #cccccc solid;
            margin-right: 30px;
        }

            .ContentArea .whyPlus .ficture .cl1a h3 {
                margin-bottom: 15px;
                font-size: 18px;
                color: #f22d34;
                font-weight: 500
            }

            .ContentArea .whyPlus .ficture .cl1a p {
                font-size: 13px;
                color: #868686;
                line-height: 22px;
                font-weight: 400
            }

.ContentArea .application {
    float: left;
    width: 100%
}

    .ContentArea .application h2 {
        margin-bottom: 15px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

    .ContentArea .application .cl1 {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }

        .ContentArea .application .cl1 p {
            font-size: 13px;
            color: #868686;
            line-height: 22px;
            font-weight: 400
        }

            .ContentArea .application .cl1 p em {
                font-style: italic;
                margin-left: -2px
            }

    .ContentArea .application .details {
        margin-top: 4px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        float: left;
        width: 100%;
        border-bottom: 1px #dbdbdb solid
    }

        .ContentArea .application .details .c1 {
            float: left;
            width: 28%
        }

            .ContentArea .application .details .c1 h4 {
                float: right;
                width: 80%;
                margin-bottom: 25px;
                font-size: 27px;
                color: #343434;
                font-weight: 600
            }

        .ContentArea .application .details:last-child {
            border: none
        }


.ContentArea .whyPlus2 {
    float: left;
    width: 100%
}

    .ContentArea .whyPlus2 h2 {
        margin-bottom: 25px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

    .ContentArea .whyPlus2 p {
        margin-top: 15px;
        font-size: 13px;
        color: #868686;
        line-height: 22px;
        font-weight: 400
    }

    .ContentArea .whyPlus2 .cl1 {
        float: left;
        width: 50%
    }

    .ContentArea .whyPlus2 .cl2 {
        float: left
    }

    .ContentArea .whyPlus2 .ficture {
        margin-top: 60px;
        float: left;
        width: 100%
    }

        .ContentArea .whyPlus2 .ficture .cl1 {
            min-height: 150px;
            float: left;
            width: 23%;
            padding-right: 35px;
            border-right: 1px #cccccc solid;
            margin-right: 30px;
        }

            .ContentArea .whyPlus2 .ficture .cl1 h3 {
                margin-bottom: 15px;
                font-size: 18px;
                color: #f22d34;
                font-weight: 500
            }

            .ContentArea .whyPlus2 .ficture .cl1 p {
                font-size: 13px;
                color: #868686;
                line-height: 22px;
                font-weight: 400
            }

            .ContentArea .whyPlus2 .ficture .cl1:last-child {
                border: none;
                margin-right: 0px;
            }



.ContentArea .application2 {
    margin: 0 auto;
    max-width: 1230px
}

    .ContentArea .application2 h2 {
        margin-bottom: 15px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

    .ContentArea .application2 .cl1 {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }

        .ContentArea .application2 .cl1 p {
            font-size: 13px;
            color: #868686;
            line-height: 22px;
            font-weight: 400
        }


.ContentArea .representatives .container .sol img {
    width: 200px;
    height: 117px;
    margin-top: -7px;
}


.ContentArea .application .details .c2 {
    float: right;
    width: 70%
}

    .ContentArea .application .details .c2 .r1 {
        margin-right: 40px;
        float: left;
        width: 28.5%
    }

        .ContentArea .application .details .c2 .r1 p {
            min-height: 120px; /* margin-bottom:15px;*/
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r1 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r1 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }


    .ContentArea .application .details .c2 .r2 {
        margin-right: 40px;
        float: left;
        width: 80%
    }

        .ContentArea .application .details .c2 .r2 p {
            margin-bottom: 15px;
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r2 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r2 img {
            margin-right: 25px
        }

        .ContentArea .application .details .c2 .r2 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }

    .ContentArea .application .details .c2 .r3 {
        margin-right: 40px;
        float: left;
        width: 100%
    }

        .ContentArea .application .details .c2 .r3 p { /* margin-bottom:15px;*/
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 20px;
            font-weight: 400
        }

            .ContentArea .application .details .c2 .r3 p strong {
                font-weight: 500;
                color: #333
            }

        .ContentArea .application .details .c2 .r3 img {
            margin-right: 25px
        }

        .ContentArea .application .details .c2 .r3 a {
            text-decoration: underline;
            font-size: 13px;
            color: #F00;
            line-height: 20px;
            font-weight: 400
        }


.padleft {
    margin-left: 35px;
}

.ContentArea .whyPlus .ficture .cl1a:last-child {
    border: none;
    margin-right: 0px;
}

.button {
    padding: 7px 12px 7px 12px;
    font-size: 13px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #004d93
}

.ContentArea .representatives {
    float: left;
    width: 100%
}

    .ContentArea .representatives .whitetop {
        margin-bottom: 25px;
        font-size: 29px;
        color: #e40000;
        font-weight: 800
    }

.whitetop {
    margin-bottom: 25px;
    font-size: 29px;
    color: #e40000;
    font-weight: 800
}

.ContentArea .representatives p {
    margin-bottom: 25px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 25px;
}

.ContentArea .representatives .row1 {
    margin-top: 30px;
    float: left;
    width: 100%
}

    .ContentArea .representatives .row1 .worldMap {
        float: left
    }

    .ContentArea .representatives .row1 .adDetails {
        float: right;
        width: 61%;
        border: 1px #e9e9e9 solid
    }

        .ContentArea .representatives .row1 .adDetails .cl2a {
            padding: 20px 0px 0px 40px;
            float: left;
            width: 50%;
            border-right: 1px #e9e9e9 solid;
            min-height: 240px;
        }

            .ContentArea .representatives .row1 .adDetails .cl2a h5 {
                margin-bottom: 15px;
                font-size: 45px;
                color: #ea3639;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails .cl2a h4 {
                margin-bottom: 5px;
                font-size: 18px;
                color: #ea3639;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails .cl2a h6 {
                font-size: 15px;
                color: #000;
                line-height: 20px;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails .cl2a p {
                font-size: 13px;
                color: #868686;
                line-height: 20px;
                margin-top: 10px;
                font-weight: 400
            }



    .ContentArea .representatives .row1 .worldMap2 {
        float: left
    }

    .ContentArea .representatives .row1 .adDetails2 {
        float: right;
        width: 48%;
        border: 1px #e9e9e9 solid
    }

        .ContentArea .representatives .row1 .adDetails2 .cl2a {
            padding: 20px 0px 0px 40px;
            float: left;
            width: 100%;
            min-height: 240px;
        }

            .ContentArea .representatives .row1 .adDetails2 .cl2a h5 {
                margin-bottom: 15px;
                font-size: 20px;
                color: #ea3639;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails2 .cl2a h4 {
                margin-bottom: 5px;
                font-size: 18px;
                color: #ea3639;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails2 .cl2a h6 {
                font-size: 15px;
                color: #000;
                line-height: 20px;
                font-weight: 500
            }

            .ContentArea .representatives .row1 .adDetails2 .cl2a p {
                font-size: 13px;
                color: #868686;
                line-height: 20px;
                margin-top: 10px;
                font-weight: 400
            }

                .ContentArea .representatives .row1 .adDetails2 .cl2a p a {
                    color: #000;
                    text-decoration: underline
                }



.videosholder {
    padding: 10px;
    width: 100%;
}

    .videosholder .each {
        width: 30%;
        height: 340px;
        padding: 10px;
        margin: 20px;
        float: left;
        border: 1px solid #ccc;
        overflow: auto;
    }

        .videosholder .each h6 {
            padding-left: 20px;
            font-size: 17px;
            color: #000;
            line-height: 20px;
            font-weight: 500;
            margin-bottom: 6px;
        }

        .videosholder .each h4 {
            padding-left: 20px;
            font-size: 15px;
            color: #ea3639;
            line-height: 20px;
            font-weight: 400;
            margin-bottom: 12px;
        }

.shirtholder {
    width: 100%;
    padding-bottom: 50px;
}

.shirtmachines {
    width: 1240px;
    height: 500px;
    border: 1px solid #ccc;
    outline: 6px solid #f3f3f3;
}

.shirtmachinesx {
    width: 1240px;
    height: 260px;
    border: 1px solid #ccc;
    outline: 6px solid #f3f3f3;
}

.bottomsec {
    width: 1240px;
    height: auto;
    margin-top: -32px;
    margin-bottom: 35px;
    background-color: #f3f3f3;
    overflow: hidden;
}

.specnow .ss1 {
    float: left;
    width: 220px;
}

.ss1 a {
    color: red;
}

.specnow {
    padding: 20px;
}

    .specnow .ss2 {
        float: left;
        width: 570px;
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

        .specnow .ss2 h4 {
            font-size: 15px;
            color: white;
            font-weight: 700;
            margin-top: -6px;
        }

        .specnow .ss2 ul {
            padding: 8px;
        }

        .specnow .ss2 li {
            line-height: 32px;
            list-style-image: url('../img/licon.png');
            margin-left: 30px;
        }

    .specnow .ss3 {
        float: left;
        width: 350px;
        height: 293px;
        border: 1px solid #ccc;
        /*background-image: url('../img/specback.png');*/
        margin-left: 20px;
    }

        .specnow .ss3 ul {
            margin-left: 180px;
            width: 250px;
        }

        .specnow .ss3 li {
            line-height: 36px;
        }



.shirtmachines .prodimage1 {
    width: 550px;
    height: 100%;
    float: left;
}

.shirtmachines .prodimage2 {
    padding: 15px;
    width: 350px;
    height: 100%;
    float: left;
    margin-left: 50px;
    margin-top: 2px;
}

    .shirtmachines .prodimage2 img {
        border: 4px solid #ccc;
        margin: 15px;
    }



.shirtmachines .row1s {
    height: 100%;
    width: 240px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/solback.png");
}

.shirtmachines .rowprod1s {
    height: 100%;
    width: 240px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/solbackground.png");
}

    .shirtmachines .rowprod1s img {
        margin-top: 10px;
        margin-left: 20px;
    }

/*.rowprod1s #shirtmapImage {
    margin-left: 5px;
    margin-top: -6px;
}*/

.shirtmachines .rowprod1s h2 {
    font-size: 24pt;
    color: red;
    margin-top: 3px;
    margin-left: 28px;
    font-weight: 800;
}

.shirtmachines .rowprod1s h3 {
    font-size: 15pt;
    color: white;
    margin-top: 55px;
    margin-left: 23px;
    font-weight: 500;
    padding-right: 8px;
    line-height: 26px;
}

.shirtmachines .row1s h2 {
    font-size: 24pt;
    color: red;
    margin-top: 75px;
    margin-left: 23px;
    font-weight: 800;
}

.shirtmachines .row1s h3 {
    font-size: 15pt;
    color: white;
    margin-top: 40px;
    margin-left: 23px;
    font-weight: 500;
    padding-right: 8px;
    line-height: 26px;
}

.shirtmachines .row2s {
    height: 100%;
    width: 798px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/shirt-machine-list-background.jpg");
    background-repeat: repeat-x;
}

.shirtmachines .row3s {
    height: 100%;
    width: 200px;
    float: left;
    background-color: #818fa4;
}

.shirtmachines .row4s {
    height: 100%;
    width: 998px;
    float: left;
    background-image: url("../img/back-prods.jpg");
    background-repeat: repeat-x;
}

.shirtmachines .row3s img {
    padding: 5px;
}





.shirtmachinesx .row1s {
    height: 100%;
    width: 240px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/solback.png");
}

.shirtmachinesx .rowprod1s {
    height: 100%;
    width: 240px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/solbackprod.jpg");
}


    .shirtmachinesx .rowprod1s h2 {
        font-size: 24pt;
        color: red;
        margin-top: 75px;
        margin-left: 23px;
        font-weight: 800;
    }

    .shirtmachinesx .rowprod1s h3 {
        font-size: 15pt;
        color: white;
        margin-top: 40px;
        margin-left: 23px;
        font-weight: 500;
        padding-right: 8px;
        line-height: 26px;
    }

.shirtmachinesx .row1s h2 {
    font-size: 24pt;
    color: red;
    margin-top: 75px;
    margin-left: 23px;
    font-weight: 800;
}

.shirtmachinesx .row1s h3 {
    font-size: 15pt;
    color: white;
    margin-top: 40px;
    margin-left: 23px;
    font-weight: 500;
    padding-right: 8px;
    line-height: 26px;
}

.shirtmachinesx .row2s {
    height: 100%;
    width: 798px;
    border-right: 1px solid #ccc;
    float: left;
    background-image: url("../img/shirt-machine-list-background.jpg");
    background-repeat: repeat-x;
}

.shirtmachinesx .row3s {
    height: 100%;
    width: 200px;
    float: left;
    background-color: #818fa4;
}

.shirtmachinesx .row4s {
    height: 100%;
    width: 998px;
    float: left;
    background-image: url("../img/back-prods.jpg");
    background-repeat: repeat-x;
}

.shirtmachinesx .row3s img {
    padding: 5px;
}



.ContentArea .representatives .row1 .adDetails .cl2b {
    padding: 83px 0px 0px 40px;
    float: left;
    width: 50%;
    border-right: 1px #e9e9e9 solid;
    min-height: 240px;
}

    .ContentArea .representatives .row1 .adDetails .cl2b h5 {
        margin-bottom: 25px;
        font-size: 52px;
        color: #ea3639;
        font-weight: 500
    }

    .ContentArea .representatives .row1 .adDetails .cl2b h4 {
        margin-bottom: 5px;
        font-size: 18px;
        color: #ea3639;
        font-weight: 500
    }

    .ContentArea .representatives .row1 .adDetails .cl2b h6 {
        font-size: 15px;
        color: #000;
        line-height: 20px;
        font-weight: 500
    }

    .ContentArea .representatives .row1 .adDetails .cl2b p {
        font-size: 13px;
        color: #868686;
        line-height: 20px;
        margin-top: 10px;
        font-weight: 400
    }

.ContentArea .representatives .row2 {
    margin-bottom: 10px;
    margin-top: 80px;
    float: left;
    width: 100%
}

    .ContentArea .representatives .row2 h6 {
        margin-bottom: 45px;
        font-size: 45px;
        color: #ea3639;
        font-weight: 500
    }

    .ContentArea .representatives .row2 .ad1 {
        float: left;
        width: 33%
    }

        .ContentArea .representatives .row2 .ad1 h2 {
            padding-bottom: 10px;
            padding-left: 40px;
            background-image: url(../images/location-icon.png);
            background-position: 0px 0px;
            background-repeat: no-repeat;
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 23px;
            color: #ea3639;
            font-weight: 500
        }

        .ContentArea .representatives .row2 .ad1 h6 {
            padding-left: 40px;
            font-size: 15px;
            color: #000;
            line-height: 20px;
            font-weight: 500
        }

        .ContentArea .representatives .row2 .ad1 p {
            padding-left: 40px;
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 10px;
            font-weight: 400
        }

    .ContentArea .representatives .row2 .ad2 {
        float: left;
        width: 33%
    }

        .ContentArea .representatives .row2 .ad2 h2 {
            padding-bottom: 10px;
            padding-left: 40px;
            background-image: url(../images/location-icon.png);
            background-position: 0px 0px;
            background-repeat: no-repeat;
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 23px;
            color: #ea3639;
            font-weight: 500
        }

        .ContentArea .representatives .row2 .ad2 h6 {
            padding-left: 40px;
            font-size: 15px;
            color: #000;
            line-height: 20px;
            font-weight: 500
        }

        .ContentArea .representatives .row2 .ad2 p {
            padding-left: 40px;
            font-size: 13px;
            color: #868686;
            line-height: 20px;
            margin-top: 10px;
            font-weight: 400
        }


footer.footerARea {
    float: left;
    width: 100%;
    background-color: #1d1d1d;
    padding: 45px 0px 50px 0px;
    text-align: center
}

    footer.footerARea .footer1 {
        margin: 0 auto;
        max-width: 1230px
    }

        footer.footerARea .footer1 .subcln1 {
            float: left;
            width: 100%
        }

        footer.footerARea .footer1 .cl1 {
            min-height: 220px;
            text-align: left;
            float: left;
            width: 17%
        }

            footer.footerARea .footer1 .cl1 h2 {
                margin-bottom: 15px;
                font-size: 16px;
                color: #fff;
                font-weight: 500;
                text-transform: uppercase
            }

            footer.footerARea .footer1 .cl1 hr {
                margin-bottom: 20px;
                border-bottom: 2px #da251c solid;
                width: 40px;
            }

            footer.footerARea .footer1 .cl1 ul {
                float: left;
                width: 80%;
                margin: 20px 20px 0px 0px;
                padding: 0px;
            }

                footer.footerARea .footer1 .cl1 ul li {
                    border-bottom: 1px #2f2f2f solid;
                    margin: 0px;
                    padding: 0px;
                    text-align: left;
                    list-style: none
                }

                    footer.footerARea .footer1 .cl1 ul li a {
                        font-size: 13px;
                        color: #979797;
                        line-height: 35px;
                        font-weight: 400
                    }

                        footer.footerARea .footer1 .cl1 ul li a:hover {
                            color: #FFF;
                            text-decoration: underline
                        }

                    footer.footerARea .footer1 .cl1 ul li:last-child {
                        border-bottom: none
                    }



        footer.footerARea .footer1 .cl2 {
            min-height: 220px;
            text-align: left;
            float: left;
            width: 19%;
            margin-right: 25px
        }

            footer.footerARea .footer1 .cl2 h2 {
                margin-bottom: 15px;
                font-size: 16px;
                color: #fff;
                font-weight: 500;
                text-transform: uppercase
            }

            footer.footerARea .footer1 .cl2 hr {
                margin-bottom: 20px;
                background-image: url(../img/footerlines.png);
                width: 40px;
            }

            footer.footerARea .footer1 .cl2 ul {
                float: left;
                width: 90%;
                margin: 20px 20px 0px 0px;
                padding: 0px;
            }

                footer.footerARea .footer1 .cl2 ul li {
                    border-bottom: 1px #2f2f2f solid;
                    margin: 0px;
                    padding: 0px;
                    text-align: left;
                    list-style: none
                }

                    footer.footerARea .footer1 .cl2 ul li a {
                        font-size: 13px;
                        color: #979797;
                        line-height: 35px;
                        font-weight: 400
                    }

                        footer.footerARea .footer1 .cl2 ul li a:hover {
                            color: #FFF;
                            text-decoration: underline
                        }

                    footer.footerARea .footer1 .cl2 ul li:last-child {
                        border-bottom: none
                    }


        footer.footerARea .footer1 .cl7 {
            min-height: 220px;
            text-align: left;
            float: left;
            width: 25%;
            margin-right: 25px
        }

            footer.footerARea .footer1 .cl7 h2 {
                margin-bottom: 15px;
                font-size: 16px;
                color: #fff;
                font-weight: 500;
            }

            footer.footerARea .footer1 .cl7 hr {
                margin-bottom: 20px;
                background-image: url(../images/line.jpg);
                width: 40px;
            }

            footer.footerARea .footer1 .cl7 ul {
                float: left;
                width: 90%;
                margin: 20px 20px 0px 0px;
                padding: 0px;
            }

                footer.footerARea .footer1 .cl7 ul li {
                    border-bottom: 1px #2f2f2f solid;
                    margin: 0px;
                    padding: 0px;
                    text-align: left;
                    list-style: none
                }

                    footer.footerARea .footer1 .cl7 ul li i {
                        font-style: italic;
                        margin-left: -2px;
                    }

                    footer.footerARea .footer1 .cl7 ul li a {
                        font-size: 13px;
                        color: #979797;
                        line-height: 35px;
                        font-weight: 400
                    }

                    footer.footerARea .footer1 .cl7 ul li em {
                        font-style: italic;
                        margin-left: -1px
                    }

                    footer.footerARea .footer1 .cl7 ul li a:hover {
                        color: #FFF;
                        text-decoration: underline
                    }

                    footer.footerARea .footer1 .cl7 ul li:last-child {
                        border-bottom: none
                    }



        footer.footerARea .footer1 .cl3 {
            min-height: 220px;
            text-align: left;
            float: left;
            margin-left: 20px;
            width: 20%
        }

            footer.footerARea .footer1 .cl3 h2 {
                margin-bottom: 15px;
                font-size: 16px;
                color: #fff;
                font-weight: 500;
                text-transform: uppercase
            }

            footer.footerARea .footer1 .cl3 hr {
                margin-bottom: 20px;
                border-bottom: 2px #da251c solid;
                width: 40px;
            }

            footer.footerARea .footer1 .cl3 p {
                font-size: 13px;
                color: #979797;
                line-height: 23px;
                font-weight: 400
            }

                footer.footerARea .footer1 .cl3 p strong {
                    font-size: 13px;
                    color: #fff;
                    line-height: 23px;
                    font-weight: 500
                }


        footer.footerARea .footer1 .cl4 {
            min-height: 220px;
            text-align: left;
            float: right;
            width: 12%
        }

            footer.footerARea .footer1 .cl4 h2 {
                margin-bottom: 15px;
                font-size: 16px;
                color: #fff;
                font-weight: 500;
                text-transform: uppercase
            }

            footer.footerARea .footer1 .cl4 hr {
                margin-bottom: 20px;
                border-bottom: 2px #da251c solid;
                width: 40px;
            }

            footer.footerARea .footer1 .cl4 p {
                font-size: 13px;
                color: #979797;
                line-height: 23px;
                font-weight: 400
            }


        footer.footerARea .footer1 .cl5 {
            margin-top: 20px;
            float: left;
            width: 100%
        }

            footer.footerARea .footer1 .cl5 h6 {
                margin-bottom: 5px;
                font-size: 12px;
                text-align: justify;
                color: #fff;
                line-height: 16px;
                font-weight: 500
            }

            footer.footerARea .footer1 .cl5 p {
                font-size: 11px;
                margin-bottom: 10px;
                text-align: justify;
                color: #979797;
                line-height: 16px;
                font-weight: 400
            }

.abtus {
    float: left;
    width: 339px;
    margin-top: 317px;
    padding: 18px 22px 18px 22px;
    background-image: url(../img/bgredbase.png);
    opacity: 0.9;
    background-repeat: repeat;
    position: absolute;
    z-index: 100
}

    .abtus h2 {
        margin-bottom: 12px;
        font-size: 28px;
        color: #fff;
        font-weight: 400;
    }

    .abtus p {
        font-size: 13px;
        color: #fff;
        line-height: 18px;
        font-weight: 400;
    }
/* start image hover text appered*/
.hTitle {
    float: left;
    width: 100%;
    padding: 12px;
    position: absolute;
    display: table-cell;
    top: 0px;
    vertical-align: top;
}

    .hTitle h2 {
        font-size: 13px !important;
        letter-spacing: -0.3px;
        color: #fff;
        font-weight: 400;
        line-height: 19px;
    }

figure {
    cursor: pointer;
    display: block;
    position: relative;
    float: left;
    overflow: hidden
}

figcaption {
    position: absolute;
    background: rgba(15,37,54,0.8);
    color: white;
    padding: 10px 20px;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    line-height: 17px;
    font-size: 13px
}

figure:hover figcaption {
    opacity: 1;
}

figcaption strong a {
    color: #F00;
    font-weight: 500
}

figure:before {
}

figure:hover:before {
    opacity: 0;
}

.cap-left:before {
    bottom: 10px;
    left: 10px;
}

.cap-left figcaption {
    bottom: 0;
    left: -30%;
}

.cap-left:hover figcaption {
    left: 0;
}

.cap-right:before {
    bottom: 10px;
    right: 10px;
}

.cap-right figcaption {
    bottom: 0;
    right: -30%;
}

.cap-right:hover figcaption {
    right: 0;
}

.cap-top:before {
    top: 10px;
    left: 10px;
}

.cap-top figcaption {
    left: 0;
    top: -30%;
}

.cap-top:hover figcaption {
    top: 0;
}

.cap-bot:before {
    bottom: 10px;
    left: 10px;
}

.cap-bot figcaption {
    left: 0;
    bottom: -30%;
}

.cap-bot:hover figcaption {
    bottom: 0;
}
/* end image hover text appered*/

.aboutPCM {
    float: left;
    width: 100%;
    padding: 18px 0px 25px 0px;
    background-color: #f3f3f3
}

    .aboutPCM .abPc {
        margin: 0 auto;
        max-width: 1230px
    }

        .aboutPCM .abPc h3 {
            margin-bottom: 18px;
            font-size: 19px;
            color: #343434;
            font-weight: 500;
        }

        .aboutPCM .abPc .cl1 {
            float: left;
            width: 32%;
            background-color: #FFF;
            padding: 22px 22px 22px 22px;
            margin-right: 20px;
        }

            .aboutPCM .abPc .cl1 .picth1 {
                float: left
            }

            .aboutPCM .abPc .cl1 .details1 {
                float: right;
                width: 42%
            }

                .aboutPCM .abPc .cl1 .details1 p {
                    font-size: 14px;
                    line-height: 18px;
                    color: #343434;
                    font-weight: 400
                }

.anex {
    background-color: #004d93;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.aboutPCM .abPc .cl1 .details1 p strong {
    font-weight: 500;
    color: #000
}






.ContentArea .whyPCM {
    float: left;
    margin-bottom: 100px;
    width: 100%
}

    .ContentArea .whyPCM h2 {
        margin-bottom: 25px;
        font-size: 27px;
        color: #000;
        font-weight: 500
    }

        .ContentArea .whyPCM h2 em {
            font-style: italic;
            margin-left: -3px
        }

        .ContentArea .whyPCM h2 i {
            font-style: italic;
            margin-left: -4px
        }

    .ContentArea .whyPCM .cl1 {
        float: left;
        width: 55%;
        margin-bottom: 50px;
    }

        .ContentArea .whyPCM .cl1 p {
            margin-bottom: 30px;
            font-size: 13px;
            color: #868686;
            line-height: 22px;
            font-weight: 400
        }

            .ContentArea .whyPCM .cl1 p strong {
                color: #000;
                font-weight: 500
            }

            .ContentArea .whyPCM .cl1 p em {
                font-style: italic;
                margin-left: -1px
            }

            .ContentArea .whyPCM .cl1 p strong em {
                font-style: italic;
                margin-left: -1px
            }

        .ContentArea .whyPCM .cl1 h4 {
            margin-bottom: 10px;
            font-size: 16px;
            color: #f22d34;
            font-weight: 500
        }

            .ContentArea .whyPCM .cl1 h4 em {
                font-style: italic;
                margin-left: -1px
            }

        .ContentArea .whyPCM .cl1 ul {
            margin: 0px;
            padding: 0px
        }

            .ContentArea .whyPCM .cl1 ul li {
                margin-left: 10px;
                list-style: circle;
                margin-bottom: 6px;
                font-size: 13px;
                color: #868686;
                line-height: 22px;
                font-weight: 400
            }

                .ContentArea .whyPCM .cl1 ul li strong {
                    color: #000;
                    font-weight: 500
                }

    .ContentArea .whyPCM .cl2 {
        float: right;
        width: 35%;
    }

.msds {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 33px 33px 33px 33px;
}

.frm1 {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    width: 21.1%
}

.frm2 {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    width: 89%
}

.input3 {
    width: 100%;
    padding: 13px 12px 13px 12px;
    font-size: 13px;
    font-weight: 400;
    border: 1px #000000 solid;
    color: #000;
    background-color: #fff
}

.input4 {
    width: 100%;
    padding: 13px 12px 13px 12px;
    font-size: 13px;
    font-weight: 400;
    border: 1px #000000 solid;
    color: #000;
    background-color: #fff;
    height: 150px
}

.submitBt2 {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    border: none;
    padding: 10px 22px 10px 22px;
    cursor: pointer;
    background-color: #004d93;
    font-weight: 500;
    text-transform: uppercase
}

.menSub {
    float: left;
    width: 100%
}

    .menSub ul {
        margin: 0px;
        padding: 0px
    }

        .menSub ul li {
            list-style: none;
            margin: 0px;
            padding: 0px 0px 10px 28px;
        }

            .menSub ul li a {
                font-weight: 400;
                color: #f7c1c1;
                font-size: 14px
            }

                .menSub ul li a:hover {
                    color: #fff
                }


.searchArea {
    float: left;
    width: 100%
}

    .searchArea h5 strong {
        margin-bottom: 30px;
        font-size: 22px;
        color: #000;
        font-weight: 500
    }

    .searchArea h3 a {
        padding-bottom: 30px;
        font-size: 20px;
        color: #db2319;
        font-weight: 500
    }

    .searchArea hr {
        float: left;
        width: 100%;
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        /*  margin: 1em 0;*/
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }

        .searchArea hr:last-child {
            border: none
        }

/* 2 April 2017*/
.eventDet {
    float: left;
    width: 100%;
    padding-top: 30px;
    border-top: 1px #cecece solid
}

    .eventDet .rw1 {
        float: left;
        width: 60%
    }

        .eventDet .rw1 h2 {
            font-size: 21px;
            color: #000;
            font-weight: 400;
            line-height: 25px;
        }

            .eventDet .rw1 h2 strong {
                font-weight: 500
            }

    .eventDet .rw2 {
        float: right;
        text-align: right;
        width: 10%
    }

        .eventDet .rw2 a {
            font-size: 17px;
            font-style: italic;
            text-decoration: underline;
            color: #F00;
            text-align: right;
            font-weight: 500;
            line-height: 25px;
        }

    .eventDet .eventDe1 {
        margin-top: 30px;
        float: left;
        width: 100%;
    }

        .eventDet .eventDe1 .cl1 {
            float: left;
            width: 30%
        }

            .eventDet .eventDe1 .cl1 img {
                margin-bottom: 20px
            }

        .eventDet .eventDe1 .cl2 {
            float: right;
            width: 65%
        }

            .eventDet .eventDe1 .cl2 h5 {
                margin-bottom: 10px;
                font-size: 15px;
                color: #F00;
                text-transform: uppercase;
                font-weight: 500
            }

            .eventDet .eventDe1 .cl2 h6 {
                margin-bottom: 10px;
                font-size: 15px;
                color: #000;
                text-transform: uppercase;
                font-weight: 400
            }

            .eventDet .eventDe1 .cl2 h2 {
                margin-top: 30px;
                margin-bottom: 10px;
                font-size: 23px;
                color: #121212;
                line-height: 30px;
                font-weight: 500
            }

            .eventDet .eventDe1 .cl2 p {
                margin-bottom: 30px;
                font-size: 14px;
                color: #1f1f1f;
                line-height: 24px;
                font-weight: 400
            }



.ourTeamAd {
    min-height: 144px;
    float: left;
    width: 100%;
    background-image: url(../images/ourteam-bg.jpg);
    text-align: center;
    background-position: center center;
    background-repeat: repeat-x
}

.ourTeamAReaAd {
    padding-top: 70px;
    margin: 0px auto;
    max-width: 930px
}

    .ourTeamAReaAd .titleArea {
        float: left;
        text-align: center;
        width: 100%
    }

        .ourTeamAReaAd .titleArea h2 {
            margin-bottom: 25px;
            font-size: 23px;
            color: #000;
            font-weight: 500
        }

        .ourTeamAReaAd .titleArea p {
            margin-bottom: 45px;
            font-size: 14px;
            line-height: 23px;
            color: #000;
            font-weight: 400
        }

.teamArea1Ad {
    float: left;
    text-align: center;
    width: 50%
}

    .teamArea1Ad .teamCl1 {
        margin-bottom: 20px;
        border: 1px #fff solid;
        vertical-align: text-top;
        display: inline-block;
        padding: 10px;
        width: 39%;
        text-align: center
    }

        .teamArea1Ad .teamCl1 .picth {
            float: left;
            margin-bottom: 10px;
        }

        .teamArea1Ad .teamCl1 .txtBx {
            float: left;
            width: 100%
        }

            .teamArea1Ad .teamCl1 .txtBx h2 {
                margin-bottom: 5px;
                font-size: 15px;
                color: #414141;
                letter-spacing: -0.1px;
                font-weight: 500;
            }

            .teamArea1Ad .teamCl1 .txtBx p {
                margin-bottom: 10px;
                font-size: 13px;
                line-height: 18px;
                color: #414141;
                letter-spacing: -0.1px;
                font-weight: 400;
            }

        .teamArea1Ad .teamCl1:hover {
            background-color: #fff;
            border: 1px #c7c7c7 solid;
            color: #FFF
        }

/* MEDIA QUERIES */


/* Huawei Mate Pro */
@media only screen and (min-width: 360px) and (max-width: 767px) {

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -860px 0px;
    }

    .sloganholder {
        margin-top: -70px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }

    .nav-toggle {
        margin-left: -17px;
    }

    .videoBox {
        margin-left: 5px;
    }

    .ContentArea .representatives p {
        margin-left: 9px;
    }

    .ContentArea .representatives .whitetop {
        margin-left: 9px;
    }

    .specnow a .toriaBanner img {
        margin-left: -6px;
    }

    .sloganholder h1 {
        margin-top: 70px;
    }

    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -13px;
        margin-left: 0px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -6px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 95px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 350px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    /*.ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;*/
    /*padding-left: 80px;*/
    /*}*/

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 35% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 117px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 13px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 35% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContinArea .cl1 img {
        margin-left: 13px;
    }

    .shirtmachines .prodimage2 {
        margin-top: 25px;
    }

    .climg {
        padding-top: 25px;
    }


       .mobilerow
    {
        margin:auto;
        width:100%;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: -10px;
        margin-top: -25px;
        width: 345px;
        height: auto;
        margin-bottom: 45px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: center -35px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: -10px;
        margin-top: -25px;
        width: 345px;
        height: auto;
        margin-bottom: 45px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: center -45px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: -10px;
        margin-top: -25px;
        width: 345px;
        height: auto;
        margin-bottom: 45px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: center center;
            width: 100px;
            height: 137px;
        }

    .one {
        margin-top: -80px;
    }

    .container {
        height: 300px;
    }
}

/* iPads */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .sloganholder h1 {
        margin-left: -250px;
    }

    .sloganholder h2 {
        margin-left: -250px;
    }

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -460px 0px;
    }

    .nav-toggle img {
        height: 33px;
        width: 105px;
        margin-top: -13px;
        margin-left: -17px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    /*.ContinArea .cl1 {
        width: auto !important;
    }*/

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 13% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 10px;
    }

    .ContentArea .representatives .container .sol img {
        width: 200px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        /*width: 380px;*/
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        /*width: 420px;*/
        padding-top: 15px;
        padding-left: 63px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    .ContArea .newssec {
        margin-top: 155px;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/
    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 50% !important;
        margin-left: 25% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
        margin-top: 25px;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

            .shirtmachines .rowprod1s h3 {
                font-size: 26px;
            }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 285% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 920px;
    }

    .specnow .ss2 {
        width: 100% !important;
        margin-top: 80px;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 18px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: 25px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 20% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 238px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 238px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 0px;
        margin-top: 0px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 238px;
        }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }
}

/* iPad Pro portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .navArea .prNv .cln2 {
        margin-top: 30px;
    }

    .sloganholder h1 {
        margin-left: -250px;
    }

    .sloganholder h2 {
        margin-left: -250px;
    }

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -205px 0px;
    }

    .nav-toggle img {
        height: 33px;
        width: 87px;
        margin-top: -13px;
        margin-left: -17px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    /*.ContinArea .cl1 {
        width: auto !important;
    }*/

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 13% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 25px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 10px;
    }

    .ContentArea .representatives .container .sol img {
        width: 215px;
        height: 120px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        /*width: 380px;*/
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        /*width: 420px;*/
        padding-top: 15px;
        padding-left: 63px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 100% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 100% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    .ContArea .newssec {
        margin-top: 155px;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/
    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 35% !important;
        margin-left: 30% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

            .shirtmachines .rowprod1s h3 {
                font-size: 26px;
            }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 335% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 1250px;
    }

    .specnow .ss2 {
        width: 100% !important;
        margin-top: 80px;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 21px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: 25px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 20% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        margin-top: -25px;
        height: 310px;
        width: 350px;
        margin-left: 100px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 70px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 100px;
        margin-top: 0px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    footer.footerARea .footer1 .subcln1 {
        margin-left: 20px;
    }
}

/* iPad Pro landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .navArea .prNv .cln2 {
        margin-top: 30px;
    }

    .sloganholder h1 {
        margin-left: -250px;
    }

    .sloganholder h2 {
        margin-left: -250px;
    }

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -205px 0px;
    }

    .nav-toggle img {
        height: 33px;
        width: 87px;
        margin-top: -13px;
        margin-left: -17px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    /*.ContinArea .cl1 {
        width: auto !important;
    }*/

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 13% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 25px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 10px;
    }

    .ContentArea .representatives .container .sol img {
        width: 215px;
        height: 120px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        /*width: 380px;*/
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        /*width: 420px;*/
        padding-top: 15px;
        padding-left: 63px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 100% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 100% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    .ContArea .newssec {
        margin-top: 155px;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/
    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 16% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

            .shirtmachines .rowprod1s h3 {
                font-size: 26px;
            }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 335% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 1250px;
    }

    .specnow .ss2 {
        width: 100% !important;
        margin-top: 80px;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 21px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: 25px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 20% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        margin-top: -25px;
        height: 310px;
        width: 350px;
        margin-left: 100px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 70px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 100px;
        margin-top: 0px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    footer.footerARea .footer1 .subcln1 {
        margin-left: 20px;
    }
}

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

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -816px 0px;
    }

    .sloganholder h1 {
        margin-top: -3px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }


    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -12px;
        margin-left: 2px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 46px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 30px;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 27% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 660px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 100px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 16px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 25% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 7px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContentArea .representatives .sag p {
        width: 359px;
        padding-top: 21px;
        padding-left: 147px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 410px;
        padding-top: 15px;
    }

    /*.specnow a img{
        margin-left:-10px;
    }*/

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 95px;
        margin-top: 1px;
        margin-left: -1px;
    }

    .ContinArea .cl1 {
        margin-left: -7px !important;
    }

    .specnow a .toriaBanner img {
        margin-left: -7px !important;
    }

    .specnow a img {
        margin-left: 9px !important;
    }

    .specnow a .climg {
        margin-left: 72px !important;
    }

    .specnow a .climg1 {
        margin-left: 6px !important;
    }

    .videoTitleUst h1 {
        font-size: 12px;
    }

    .videoTitleAlt h1 {
        margin-left: 10px;
    }

    .container img {
        margin-left: -12px;
    }

    .imageBox1 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: -2px 0px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -40px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 137px;
        }

    .sloganholder {
        margin-top: -3px;
    }

    .nav-toggle {
        margin-left: -18px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -32px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -117px;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
    }


    .videoTitleAlt h1 {
        color: #fff;
        margin-top: 13px;
        font-size: 13px;
        margin-left: 11px;
    }

    .videoTitleAlt .youtube {
        margin-left: -18px;
    }

    .one .bannerdown {
        height: 75px;
        width: 350px;
    }

    .two .bannerdown {
        height: 75px;
        width: 350px;
    }
}

/* iPhone 6+, 7+, 8+ portrait ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) {

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -816px 0px;
    }

    .sloganholder h1 {
        margin-top: -3px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }


    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -12px;
        margin-left: 2px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 46px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 30px;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 85% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
        margin-top: 25px;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 660px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 100px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 16px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 25% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 7px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContentArea .representatives .sag p {
        width: 359px;
        padding-top: 21px;
        padding-left: 147px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 410px;
        padding-top: 15px;
    }

    /*.specnow a img{
        margin-left:-10px;
    }*/

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 95px;
        margin-top: 1px;
        margin-left: -1px;
    }

    .ContinArea .cl1 {
        margin-left: -7px !important;
    }

    .specnow a .toriaBanner img {
        margin-left: -7px !important;
    }

    .specnow a img {
        margin-left: 9px !important;
    }

    .specnow a .climg {
        margin-left: 72px !important;
    }

    .specnow a .climg1 {
        margin-left: 6px !important;
    }

    .videoTitleUst h1 {
        font-size: 12px;
    }

    .videoTitleAlt h1 {
        margin-left: 10px;
    }

    .container img {
        margin-left: -12px;
    }

    .imageBox1 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: -2px 0px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -40px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 137px;
        }

    .sloganholder {
        margin-top: -3px;
    }

    .nav-toggle {
        margin-left: -18px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -32px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 365px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -117px;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
    }


    .videoTitleAlt h1 {
        color: #fff;
        margin-top: 13px;
        font-size: 13px;
        margin-left: 11px;
    }

    .videoTitleAlt .youtube {
        margin-left: -18px;
    }

    .one .bannerdown {
        height: 75px;
        width: 350px;
    }

    .two .bannerdown {
        height: 75px;
        width: 350px;
    }
}

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

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -845px 0px;
    }

    .sloganholder h1 {
        margin-top: -3px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }

    .nav-toggle img {
        height: 25px;
        width: 87px;
        margin-top: -13px;
        margin-left: 0px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 30px;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 27% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 100px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 16px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 25% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 7px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContentArea .representatives .sag p {
        width: 359px;
        padding-top: 21px;
        padding-left: 147px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 410px;
        padding-top: 15px;
    }

    /*.specnow a img{
        margin-left:-10px;
    }*/

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 105px;
        margin-top: 1px;
        margin-left: -1px;
    }

    .ContinArea .cl1 {
        margin-left: -28px !important;
    }

    .specnow a .toriaBanner img {
        margin-left: -28px !important;
    }

    .specnow a img {
        margin-left: 9px !important;
    }

    .specnow a .climg {
        margin-left: 72px !important;
    }

    .specnow a .climg1 {
        margin-left: 6px !important;
    }

    .videoTitleUst h1 {
        font-size: 12px;
    }

    .videoTitleAlt h1 {
        margin-left: 10px;
    }

    .container img {
        margin-left: -12px;
    }

    .imageBox1 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: -2px 0px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -40px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 137px;
        }


    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -850px 0px;
    }

    .sloganholder {
        margin-top: -75px;
    }

    .nav-toggle {
        margin-left: -18px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -32px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -117px;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
    }


    .videoTitleAlt h1 {
        color: #fff;
        margin-top: 13px;
        font-size: 13px;
        margin-left: 11px;
    }

    .videoTitleAlt .youtube {
        margin-left: -18px;
    }

    .one .bannerdown {
        height: 75px;
        width: 350px;
    }

    .two .bannerdown {
        height: 75px;
        width: 350px;
    }
}

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

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -845px 0px;
    }

    .sloganholder h1 {
        margin-top: -3px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }


    .nav-toggle img {
        height: 25px;
        width: 87px;
        margin-top: -13px;
        margin-left: 0px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 30px;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 85% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
        margin-top: 25px;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 100px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 16px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 25% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 7px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContentArea .representatives .sag p {
        width: 359px;
        padding-top: 21px;
        padding-left: 147px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 410px;
        padding-top: 15px;
    }

    /*.specnow a img{
        margin-left:-10px;
    }*/

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 105px;
        margin-top: 1px;
        margin-left: -1px;
    }

    .ContinArea .cl1 {
        margin-left: -28px !important;
    }

    .specnow a .toriaBanner img {
        margin-left: -28px !important;
    }

    .specnow a img {
        margin-left: 9px !important;
    }

    .specnow a .climg {
        margin-left: 72px !important;
    }

    .specnow a .climg1 {
        margin-left: 6px !important;
    }

    .videoTitleUst h1 {
        font-size: 12px;
    }

    .videoTitleAlt h1 {
        margin-left: 10px;
    }

    .container img {
        margin-left: -12px;
    }

    .imageBox1 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: -2px 0px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -40px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 137px;
        }


    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -850px 0px;
    }

    .sloganholder {
        margin-top: -3px;
    }

    .nav-toggle {
        margin-left: -18px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -32px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 180px;
        width: 330px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -117px;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
    }


    .videoTitleAlt h1 {
        color: #fff;
        margin-top: 13px;
        font-size: 13px;
        margin-left: 11px;
    }

    .videoTitleAlt .youtube {
        margin-left: -18px;
    }

    .one .bannerdown {
        height: 75px;
        width: 350px;
    }

    .two .bannerdown {
        height: 75px;
        width: 350px;
    }
}

/* iPhone 11 - iPhone XR landscape*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation : landscape) {

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -816px 0px;
    }

    .sloganholder {
        margin-top: -70px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }

    .nav-toggle {
        margin-left: -17px;
    }

    .videoBox {
        margin-left: 5px;
    }

    .ContentArea .representatives p {
        margin-left: 9px;
    }

    .ContentArea .representatives .whitetop {
        margin-left: 9px;
    }

    .specnow a .toriaBanner img {
        margin-left: -6px;
    }

    .sloganholder h1 {
        margin-top: 70px;
    }

    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -13px;
        margin-left: 0px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -6px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 95px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    /*.ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;*/
    /*padding-left: 80px;*/
    /*}*/

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 35% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 117px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 13px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 35% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContinArea .cl1 img {
        margin-left: 38px;
    }

    .shirtmachines .prodimage2 {
        margin-top: 25px;
    }

    .climg {
        padding-top: 25px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        width: 365px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        width: 365px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        width: 365px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .one {
        margin-top: -80px;
    }

    .container {
        height: 300px;
    }
}

/* iPhone 11 - iPhone XR portrait*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation : portrait) {

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -816px 0px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }

    .sloganholder {
        margin-top: -70px;
    }

    .nav-toggle {
        margin-left: -17px;
    }

    .videoBox {
        margin-left: 5px;
    }

    .ContentArea .representatives p {
        margin-left: 9px;
    }

    .ContentArea .representatives .whitetop {
        margin-left: 9px;
    }

    .sloganholder h1 {
        margin-top: 70px;
    }

    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -13px;
        margin-left: 0px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -6px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 95px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    /*.ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;*/
    /*padding-left: 80px;*/
    /*}*/

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 85% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
        margin-top: 25px;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 117px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 13px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }

    .specnow a .toriaBanner img {
        margin-left: -6px;
    }

    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 35% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 2px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContinArea .cl1 img {
        margin-left: 31px;
    }

    .shirtmachines .prodimage2 {
        margin-top: 25px;
    }

    .climg {
        padding-top: 25px;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -10px;
        width: 365px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 185px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -55px;
        width: 365px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -39px;
            width: 100px;
            height: 185px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -45px;
        width: 365px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 185px;
        }

    .one {
        margin-top: -80px;
    }

    .container {
        height: 300px;
    }
}

/* iPhone 11 Pro - iPhone X - iPhone Xs */
@media only screen and (device-width : 375px) and (device-height : 812px) {

    .mainArea .ContinArea .mainBanner img {
        object-fit: cover;
        object-position: -845px 0px;
    }

    .sloganholder h1 {
        margin-top: -3px;
    }

    .shirtmachines .rowprod1s h2 {
        margin-top: 20px;
    }

    .nav-toggle img {
        height: 27px;
        width: 87px;
        margin-top: -13px;
        margin-left: -16px;
    }

    .langselect {
        margin-right: 8px;
        right: 2px;
        width: 100px;
    }

    .bannerdown {
        width: 310px;
        height: 65px;
    }

    .ContentArea .milestonesArea .yearDetails2 h3 {
        margin-left: 15px !important;
    }

    .ContentArea .cl7 {
        float: left;
        width: 94% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContinArea .cl1 {
        float: left;
        /*margin-right: 12px !important;*/
        margin-left: -16px !important;
    }

        .ContinArea .cl1 img {
            width: 100% !important;
            margin-left: 33px;
        }

    .ContinArea .cl1 {
        width: auto !important;
    }

    .macinleft {
        float: left;
        width: 70% !important;
        height: 100% !important;
        margin-left: 15px !important;
        overflow: hidden;
        padding-top: 10px;
    }

    .macinthumb {
        width: 20% !important;
    }

    .macleft {
        width: 100% !important;
    }

    .bannerdown {
        width: 340px;
        height: 65px;
    }



    .container {
        width: 100%;
        height: 300px;
        margin: 10px 0 10px 0;
        display: table-footer-group;
    }

        .container img {
            height: 97px;
            padding-top: 8px;
            margin-top: 100px;
        }

    .one {
        width: auto;
        height: 0px;
        float: left;
        margin-left: 12px;
        margin-top: -50px;
    }

    .two {
        width: auto;
        height: 90px;
        float: left;
        margin-left: 12px;
        margin-top: 55px;
    }


    .brv {
        display: none !important;
    }

    .headsmv1 {
        display: none !important;
    }

    .ContentArea .representatives .whitetop {
        margin-bottom: 0px !important;
        margin-left: 30px;
    }

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 115px;
        margin-top: 1px;
    }

    .ContentArea .representatives .sag p {
        width: 380px;
        padding-top: 21px;
        padding-left: 142px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 420px;
        padding-top: 15px;
        padding-left: 80px;
        margin-left: -48px
    }

        .ContentArea .representatives p strong {
            width: 340px;
            padding-top: 15px;
            /*padding-left: 80px;*/
        }

    .ContentArea .representatives .row1 {
        margin-top: 0px !important;
    }

    .logoholder {
        width: 40% !important;
    }

    .sloganholder {
        width: 54% !important;
    }

    .topHeader .logoArea img {
        max-width: 80% !important;
        margin-top: 10px !important;
    }

    .mactitle {
        height: auto !important;
    }

    .ContentArea .clxx {
        float: left;
        width: 90% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .ContentArea .cl3 {
        width: 90% !important;
    }

    /*.ContentArea .representatives h2 {
        margin-left: 22px !important;
    }*/

    .videosholder .each {
        width: 88% !important;
        overflow: hidden !important;
    }

    .bla-1 img {
        height: auto !important;
        width: 85% !important;
        margin-left: 7% !important;
        margin-right: 10px !important;
        margin-bottom: 10% !important;
        margin-top:25px;
    }

    .ContentArea .representatives .row1 .adDetails2 .cl2a {
        padding: 20px 0px 0px 20px !important;
    }

    .macinleft h1 {
        font-size: 23px !important;
    }

    .macinleft img {
        height: 35px !important;
        margin-top: -1px;
    }

    .macinleft h2 {
        font-size: 13px !important;
    }

    .shirtmachines {
        width: 100% !important;
        height: 240px;
    }

        .shirtmachines .rowprod1s {
            width: 100% !important;
        }

    .rowprod1s img {
        width: 110px;
        height: 55px;
    }

    .rowprod1s #shirtmapImage {
        display: none;
    }

    .shirtmachines .row4s {
        width: 100% !important;
        height: 125% !important;
    }

    .prodimage1 {
        width: 100% !important;
    }

        .prodimage1 img {
            height: auto !important;
            width: 100% !important;
        }

    .shirtmachines .prodimage2 {
        width: 100% !important;
        margin-left: -10px !important;
    }

    .prodimage2 img {
        height: auto;
        width: 100%;
    }

    .bottomsec {
        margin-top: 635px !important;
        width: 100% !important;
    }

    .specnow .ss1 {
        width: 100% !important;
        margin-top: 100px;
    }

    .specnow .ss2 {
        width: 100% !important;
    }

        .specnow .ss2 .mactitleproduct {
            height: 50px;
        }

            .specnow .ss2 .mactitleproduct h4 {
                font-size: 13px;
            }

    .specnow .ss3 {
        width: 100% !important;
        margin-left: 0px !important;
    }


    .specnow a img {
        margin-left: -16px;
    }


    .shirtmachines .prodimage1 {
        height: 100% !important;
        margin-left: 0px !important;
    }

    .bradCram .bd {
        margin-left: 15px !important;
    }

    .climg {
        width: 25% !important;
        margin-left: 11% !important;
        margin-bottom: 15px !important;
    }

    .ContentArea .cl7 h2 {
        margin-top: 15px !important;
    }

    .imageBox1 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        /*margin-bottom: 35px;*/
        margin-left: 5px;
        margin-top: -25px;
        height: 310px;
        width: 350px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 100% 0;
            width: 100px;
            height: 137px;
        }

    .videoBox {
        margin-left: 7px;
    }

    .videoTitleUst h1 {
        font-size: 11px;
    }


    .videoTitleAlt h1 {
        margin-left: 10px;
        font-size: 9px;
    }

    .videoTitleAlt .youtube {
        margin-left: -30px;
    }

    .ContentArea .representatives .sag p {
        width: 359px;
        padding-top: 21px;
        padding-left: 147px;
        margin-left: -63px
    }

    .ContentArea .representatives p {
        width: 410px;
        padding-top: 15px;
    }

    /*.specnow a img{
        margin-left:-10px;
    }*/

    .ContentArea .representatives .container .sol img {
        width: 150px;
        height: 90px;
        margin-top: 1px;
        margin-left: -1px;
    }

    .ContinArea .cl1 {
        margin-left: -28px !important;
    }

    .specnow a .toriaBanner img {
        margin-left: -28px !important;
    }

    .specnow a img {
        margin-left: 9px !important;
    }

    .specnow a .climg {
        margin-left: 72px !important;
    }

    .specnow a .climg1 {
        margin-left: 6px !important;
    }

    .videoTitleUst h1 {
        font-size: 12px;
    }

    .videoTitleAlt h1 {
        margin-left: 10px;
    }

    .container img {
        margin-left: -12px;
    }

    .imageBox1 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox1 img {
            object-fit: cover;
            object-position: -2px 0px;
            width: 100px;
            height: 137px;
        }

    .imageBox2 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox2 img {
            object-fit: cover;
            object-position: 0px -40px;
            width: 100px;
            height: 137px;
        }

    .imageBox3 {
        margin-bottom: 35px;
        /*margin-left: 55px;*/
        margin-top: -25px;
        height: 180px;
        width: 333px;
    }

        .imageBox3 img {
            object-fit: cover;
            object-position: 0px -112px;
            width: 100px;
            height: 137px;
        }
}