input,textarea{
    padding:5px;
    width:600px
}
img,textarea{
    max-width:100%
}
.shipIcon,p{
    margin-bottom:1.75em
}
h3,h4{
    font-weight:700;
    color:#3a3a3a
}
h2,h3,h4{
    color:#3a3a3a
}
.contact_left,.contact_right,h2{
    margin-top:30px
}
.clear{
    clear:both
}
::-webkit-input-placeholder{
    font-family:Arial,sans-serif;
    font-size:14px
}
::-moz-placeholder{
    font-family:Arial,sans-serif;
    font-size:14px
}
:-ms-input-placeholder{
    font-family:Arial,sans-serif;
    font-size:14px
}
:-moz-placeholder{
    font-family:Arial,sans-serif;
    font-size:14px
}
.navToggle,h3,h4{
    font-size:20px
}
.shipIcon{
    display:flex;
    justify-content:center;
    align-items:center
}
.shipCom{
    max-width:170px;
    margin-right:25px
}
.contact_left{
    width:39%;
    float:left
}
.contact_right{
    width:59%;
    float:left;
    text-align:right
}
.email{
    width:25%;
    float:left;
    margin-top:15px;
    max-width:70px
}
.text{
    width:calc(100% - 80px);
    float:right
}
input{
    margin:0 0 10px;
    height:40px;
    border-radius:3px;
    border:1px solid #ccc
}
textarea{
    margin:0;
    min-width:300px;
    border-radius:3px;
    border:1px solid #ccc;
    resize:none;
    height:80px
}
@media only screen and (max-width:767px){
    input,textarea{
        width:100%
    }
    textarea{
        min-width:inherit
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){
    #app_common_modal .app_modal_body{
        margin:40px auto
    }
    input,textarea{
        width:100%
    }
}
.has-error{
    border:2px solid #d63031
}
#submit{
    margin:10px 0;
    padding:15px 40px;
    background-color:#1bca9b;
    color:#fff;
    cursor:pointer;
    border-radius:3px;
    border:none;
    outline:0;
    font-size:15px
}
body{
    background:#f5f5f5;
    font-family:Raleway,Sans-serif;
    padding:0;
    margin:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
p{
    line-height:1.85714285714286;
    margin-top:0
}
header ul li a{
    font-family:Roboto,Sans-serif;
    font-weight:400;
    color:#191919
}
h3{
    margin:20px 0
}
h2{
    font-size:30px
}
header,header .box1{
    margin-top:0;
    margin-bottom:0
}
header{
    border-style:solid;
    border-width:0 0 1px;
    border-color:#75757554;
    -webkit-box-shadow:0 10px 8px -15px rgba(0,0,0,.32);
    box-shadow:0 10px 8px -15px rgba(0,0,0,.32);
    padding:10px;
    background:#fff
}
header .box1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:90%;
    padding:0 15px
}
.headerLogo{
    width:30%;
    position:relative;
    text-align:center
}
.headerNav{
    width:70%
}
.headerNav ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding-right:20px;
    margin-bottom:0
}
.headerNav ul li{
    list-style:none
}
.headerNav ul li a{
    display:block;
    padding:18px 5px;
    text-decoration:none;
    font-size:14px;
    font-weight:400
}
.active a{
    color:#757575
}
.navToggle{
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#eee;
    border-radius:5px;
    color:#333;
    padding:6px 8px;
    margin:20px 0 0;
    display:none
}
.ref-sec a{
    word-break:break-all
}
.clearfix {
    clear: both;
}
@media(max-width:1380px){
    .headerLogo{
        width:20%
    }
    .headerNav{
        width:80%
    }
    .headerNav ul li a{
        padding:18px 5px
    }
}
@media(max-width:1199px){
    .headerLogo{
        width:10%
    }
    .headerNav{
        width:90%
    }
    .headerNav ul li a{
        padding:18px 5px;
        font-size:13px
    }
}
@media(max-width:991px){
    .contact_left,.contact_right{
        width:100%;
        text-align:left
    }
    .contact_right{
        padding-bottom:50px
    }
    p{
        font-size:15px
    }
    .headerNav ul,header .box1{
        display:block;
        padding:0;
        max-width:100%
    }
    header{
        padding:10px 0
    }
    .headerNav ul li a{
        padding:10px 5px;
        font-size:13px
    }
    .active a{
        color:#fff;
        background:#55595c
    }
    .headerLogo{
        text-align:center
    }
    .headerLogo,.headerNav{
        width:100%;
        max-width:100%
    }
    .navToggle{
        display:inline-block
    }
    .headerNav ul{
        padding-left:0;
        display:none
    }
}

.bodyCl img,.box1.bodyCl{
    max-width:100%;
    margin:auto auto 30px;
    display:block;
    width:65%;
    text-rendering: optimizeLegibility;
}
.bodyCl img:last-child, .box1.bodyCl{
     margin:auto auto 0;
}
.box1{
    max-width:1120px;
    height:auto;
    margin:0 auto;
    padding:20px 15px }

    .additional_holder{
    height:50vh!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;        
    -webkit-box-pack: center;        
    -ms-flex-pack: center;        
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(max-width:1100px){
     .bodyCl img,.box1.bodyCl{width: 88%;}
}

@media(max-width:767px){
    h2{
        font-size:25px
    }
    .footer-image-logo img{
        width:100px;
        height:auto
    }
    p{
        font-size:14px
    }
    .contact_right{padding-bottom: 0;margin-top: 0;}
    .bodyCl img,.box1.bodyCl{width: 100%;}
}