.collapse-btn button {
    left: 80%;
    top: 20px;
}
div.featured{max-width:inherit !important;}

/* wrap long text--------*/

hiq-t{
    word-wrap: break-word !important;
}

/* ---- font style---- */

/*Font Styles*/

/* All H1  */

H1, H1 strong, h1 b, h1 span, h1 a{
    color: #2E2E2E;
    font-size: 35px !important;
    line-height: 40px !important;
    font-weight: 700!important;
}



/* All H2 */

h2, H2 strong, h2 b , h2 span, h2 a, H2.morehelp{
    color: #2E2E2E;
    font-size: 18px !important;
    line-height: 38px !important;
    font-weight: 500 !important;
}

.main-heading {
    color :#2e2e2e !important;
}

.container .contact h2, H2.morehelp {
    margin:0px 0 7px;
    font-family:Roboto,sans-serif;
    font-size:32px;
    line-height: 38px;
    font-weight:500;
    color: #2e2e2e;
}

h2.search {
    font-size:32px;
    line-height: 38px;
    font-weight:500;
    margin:0px 0 7px;
    overflow:hidden;
    font-family:Roboto,sans-serif;
    color: #2e2e2e;
}



/* All H3 */
H3, H3 strong, h3 b, h3 span, h3 a {
    color: #2E2E2E;
    font-size: 27px !important;
    line-height: 34px;
    font-weight: 500 !important;
}

/* All H4 */
H4, .table H4, h4 b, h4 strong, h4 span, h4 a {
    color:#2E2E2E;
    margin-top:17px;
    font-size: 25px !important;
    line-height: 27px !important;
    font-weight: 400 !important;
}

/* All H5 */

 H5 h5 a, h5 span, h5 b, h5 strong{
     line-height: 400;
     font-weight: 400;
     color:#2E2E2E;
     margin-bottom:5px;
     font-size:18px !important;
}


.wrapper {
    border: 1px solid #E4E4E4;
}
.top_bar_head, .dropdown, .dropup {
    display: none !important;
}
/* wrap long text--------*/

hiq-t{
    word-wrap: break-word !important;
}
/* scale the images --------*/
.hiq-t img, .hiq-t table{
    max-width:100%;
    height: auto !important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    body {
      font-size: 115% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 115% !important;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    body  {
      font-size: 118% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 115% !important;}
    
}

@media only screen 
and (min-width : 381px) {
    .row .serch-box-custom-head #search { width: 165px !important;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    body {
      font-size: 115% !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    body {
      font-size: 120% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 120% !important;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    body  {
      font-size: 120% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 120% !important;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    body {
      font-size: 115% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 115% !important;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    body {
      font-size: 120% !important;
    }
    .hiq-t A, .hiq-t strong a, .hiq-t span a, .hiq-t a strong, .hiq-t a span{font-size: 120% !important;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    body {
      font-size: 115% !important;
    }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    body {
      font-size: 115% !important;
    }
}

DIV.articles { float:none !important; }

.breadcrumbs li span{font-size:12px !important;padding-right: 2px;}

/* scale the images --------*/
.hiq-t img, .hiq-t table{
    max-width:100%;
    height: auto !important;
}
.box {
    padding: 25px 20px;
    border: 1px solid #d5d5d5;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.3);
    -o-box-shadow: 0 2px 2px -2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 2px 2px -2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,.3);
    border-radius: 3px;
    min-width: 180px;
    cursor: pointer;
}
img{ margin-bottom: 8px; margin-top: 10px; }

h6{ font-size:14px !important; }
h4{font: 128% 'Roboto', sans-serif; font-weight: 400; color: #000;margin-bottom: 10px; margin-top: 17px;}
body{
background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 8px;
    margin: 0px;
}
Iframe {border: 0; top: 0; left: 0; width: 100%; height: 100%;}
.ui-hiq-iframe-wrap {left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;}
.breadcrumbs LI {list-style-type:none; display:inline; padding: 0px;}
.breadcrumbs UL { padding-left: 0px; margin-left: 0px; }
.submit_ticket_h1 { text-align:center; margin-top:10px; margin-bottom:0px; font-size:1.5em;}
.breadcrumbs LI span{ padding-right: 2px; }
.breadcrumbs { font-size: 15px; margin: 10px 0px; padding-left: 0px; }
.contact_us{ width:100%; min-width:320px; position:absolute;}
Iframe.contact_us{ height: 500px  !important; overflow:scroll;}

#logo img{width:100%;}
#search {right: 45px;
    top: 28px !important;}
DIV INPUT#search {
    border-radius: 25px;
}

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

    .collapse-btn button {
        left: 82% !important;
        top: 20px !important;
        position: absolute;
    }
    #logo img {
        width: 65%!important;
    }
    #search {
        margin: 0 ! important;
        right: 45px;
        top: 28px !important;
        width: 125px !important;
    }
}

@media (min-width: 321px) and (max-width: 480px) {
    .collapse-btn button {
        top: 20px;
        left: 82%;
    }
    #logo img {
        width: 80%!important;
    }
}

@media (min-width: 481px) and (max-width: 800px) {
    #logo img {
        width: 90%!important;
    }
    .collapse-btn button {
        left: 92% !important;
    }
}

@media (min-width: 801px) and (max-width: 993px){
    .collapse-btn button {
    
        left: 25%;
        left: 94% !important;
        top: 17% !important;
    }
}

@media (min-width: 709px) and (max-width: 1099px){
    .crawl-header .nav-collapse .nav {
        width: 53% !important;
    }
}
.nav {
    margin: 20px 0 0 15px !important;
}
div.col-md-12{padding:0 20px !important;}