/* Media Query Overrides and Custom Queries -
   Use Bootstrap mainly and declare custom styles only if its not available in Bootstrap - Hari */
.container-fluid {width: 984px; position: relative;}  /*To Overirde Media Query for IE*/
.contact-iframe-container{width: 99%; border: 0px; }
.col-xs-y{height: auto;}
@media only screen and (min-width: 0px) and (max-width : 320px) {
    .container-fluid{width:320px; min-width:320px;}
}
@media only screen and (min-width: 0px) and (max-width : 599px){
    body{ background-size: auto 50% !important;}
    .container-fluid {width: 100%; min-width: 320px;}
    .mobile-center{text-align:center;}
    .mobile-center img{margin:auto auto;float:none !important;clear:both;}
    h4.text-responsive{font-size: 125%;} /*16.25px*/
    p.text-responsive{font-size: 100%}   /*13px*/
    .video-responsive object{height: 250px !important;}
    .top-util-links .dropdown-menu{top:25px; left:-34px;}
    /*.col-xs-y{height: auto;}*/
    .xs_B_hLine{background: url("../img/utilities/vertical_sep.gif") repeat-x scroll center bottom transparent;}
    .xs_T_hLine{background: url("../img/utilities/vertical_sep.gif") repeat-x scroll center top transparent;}
    .xs_pT15{padding-top:15px;}
    .visible-xs-always{display: block !important; opacity: 1;}
    .swap-text-alignLR{text-align: left;}

    /* Font Manipulation */
    .breadcrumb{font-size: 10px;}
    h1, .h1 {font-size: 25px !important;}
    h2, .h2 {font-size: 18px !important; font-weight: 600; }
    h3, .h3 {font-size: 16px !important; font-weight: 600; }
    h4, .h4 {font-size: 15px !important; font-weight: 600; }
    footer{font-size: 8px !important;}

    /* Vertical / Horizontal Tab container */
    .tab-container h3, .tab-container h1{ display: inline !important;}
    .tab-container h3{font-size: 15px !important;}
    .tab-container h4{font-size: 13px !important;}

    .bg-icon-link .textLink{padding-right: 20% !important; font-size: 11px !important; font-weight: 500 !important;}

    /* Banner / Hero Align*/
    .catg.hero-graphics h2{width:auto !important; min-width: 250px}
    .hero-graphics h2{font-size: 19px !important; font-weight: 500 !important;}
    .data-networking-catg .content-graphics {
        background-size: 90% 100% !important;
        height: auto !important;
        padding: 30% 0 12% !important;
    }

}
@media only screen and (min-width: 600px){
    body{ background-size: auto auto !important;}
    .mobile-center{text-align:inherit}
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .top-util-links .dropdown-menu{left: 113px; top: 0px;}
    .swap-text-alignLR{text-align: right;}
    /**/
    .sm_B_hLine{background: url("../img/utilities/vertical_sep.gif") repeat-x scroll center bottom transparent;}
    .sm_T_hLine{background: url("../img/utilities/vertical_sep.gif") repeat-x scroll center top transparent;}

    .left.sm-vLine{border-left-width:1px;}
    .right.sm-vLine{border-right-width:1px;}
    .sm-vLine{border: 0px solid #ccc;}

    .sm-pL-0{padding-left: 0px;}
    .sm-pR-0{padding-right: 0px;}
}
@media only screen and (min-width: 600px) and (max-width : 983px){
    .container-fluid {min-width: 601px; width: 100%; width: 984px\9; }
    /*.contact-iframe-container{width: 940px;}*/
    h4.text-responsive{font-size: 100% !important;}    /*13px*/
    p.text-responsive{font-size: 84.655 !important%}   /*11px*/
    h1, .h1 {font-size: 23px !important;}
    h2, .h2 {font-size: 20px !important;}
    h3, .h3 {font-size: 18px !important;}
    h4, .h4 {font-size: 15px !important;}
    h5, .h5 {font-size: 14px !important;}

    .col-sm-4-y-2{height: 53px;}
    .col-sm-4-y-3{height: 75px;}
    .col-sm-4-y-4{height: 97px;}
    .col-sm-4-y-5{height: 118px;}
	.col-sm-4-y-10{height: 220px;}
    .col-sm-y-2{height: 43px;}
    .col-sm-y-3{height: 65px;}
    .col-sm-y-4{height: 87px !important;}
    .col-sm-y-5{height: 108px;}

    h3.col-sm-y-2{height: 37px;}
    h3.col-sm-y-3{height: 56px;}

}
@media only screen and (min-width: 984px) {
    .container-fluid {width: 984px;}
    /*.contact-iframe-container{width: 950px;}*/
    h4.text-responsive{font-size: 130.75%;} /*17px*/
    p.text-responsive{font-size: 100%}   /*13px*/
    .col-md-4-y-2{height: 53px;}
    .col-md-4-y-3{height: 75px;}
    .col-md-4-y-4{height: 97px;}
    .col-md-4-y-5{height: 118px;}
	.col-md-4-y-10{height: 220px;}
    /*paragraph height defn */
    .col-md-y-2{height: 43px;}
    .col-md-y-3{height: 65px;}
    .col-md-y-4{height: 87px;}
    .col-md-y-5{height: 108px;}
    h3.col-md-y-2{height: 44px;}
    h3.col-md-y-3{height: 66px;}
}
