/* Set display of elements at certain breakpoints here. */
.mm-menu {
    background-color:white;
}
@media (min-width:300px) {
	#header_phone {
		height:19px;
		display: block;
	}
	#search-cta {
		display: none;
		margin: 20px 0;
	}
	.search-add-to-quote {
		width: 125px;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.search-add-to-quote.desktop {
		display: none;
	}
	.search-add-to-quote.mobile {
		display: block;
	}
	.search-add-to-quote i.search-shopping-cart {
		font-size: 40px;
		color: #19315A;
	}
	.search-add-to-quote a {
		text-decoration: none;
		font-size: 14px;
	}
	.search-add-to-quote span {
		background: #19315A;
		color: white;
		border: 2px solid #19315A;
		padding: 5px 10px;
		border-radius: 5px;
		text-align: center;
		width: 125px;
		height: 35px;
		display: block;
	}
	.search-add-to-quote span:hover {
		background: white;
		color: #19315A;
	}
	#search-cta {
		position: relative;
		top: unset;
		width: 200px;
	}
	#search-cta a {
		background: #19315A;
		color: white;
		text-decoration: none;
		border: 2px solid #19315A;
		padding: 5px 10px;
		border-radius: 5px;
		text-align: center;
	}
	#search-cta a:hover {
		background: white;
		color: #19315A;
	}
	#search-cta h3 {
		font-weight: normal;
		text-align: center;
	}
    #homepage_categories_desktop {
        display: none;
    }
    #homepage_categories_mobile {
        display: block;
    }
    .newsblurb {
        width:60%;
    }
    .buttonbottom {
        display:block;
    }
    .buttontop {
        display:none;
    }
    .respnav, .resprfq {
        height:36px;
        width:36px;
    }
    .resprfq {
        margin-right:13px;
    }
    .respphone, .respsearch {
        height:36px;
        width:36px;
        font-size:33px;
        line-height:30px;
    }
    div#responsiveMenuButton {
        display:flex;
        justify-content: space-between;
    }
    #headerShortcutsNonDropdown {
        display:none;
    }
    #storeLogo {
        margin: 3px 0 0 0;
        float:none;
        clear:both;
    }
    .phoneblock  {
        display:none;
    }
    #storeLogo img {
        margin-left:auto;
        margin-right:auto;
    }
    #header_search {
        float: none;
         margin: 11px auto;
     }
    .mobile-breadcrumbs {
	    display: block;
    }
    .breadcrumbs {
        display:none;
    }
    .imgflot {
        float:none;
        margin:0;
        text-align: center;
    }
    .ctalink {
        display:block;
        margin-bottom:10px;
    }
    .infocontact {
        float:none;
        text-align: center;
        margin-top:0;
        margin-left:auto;
        margin-right:auto;
        display: none;
    }
    h1 {
        max-width:100%;
    }
    .float_images_right {
        margin-left:0;
    }
    .table_icon_home {
         font-size: 80%;
         margin-bottom: 21px;
        margin-top:20px;
     }
    .rightImages {
        clear:both;
    }
    .blue_full {
        background-image: none;
        background-color:#00639D;
    }
    .blue_full_bottom {
        background-image: none;
        background-color:#00639D;
        color:#FFFFFF;
    }
    .footerbutton {
        text-align: center;
        padding-bottom: 0;
        display: block;
        margin: 29px 5px 35px 5px;
    }
    .search-result-row:hover {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .search-result-row {
        cursor: pointer;
    }
}
@media (max-width: 320px) {
    #storeLogo img {
        max-width:286px;
    }
    .cadstuff {
        float:none;
        width:100%;
        display:block;
    }
    .leftcontent {
        float:none;
        width:100%;
        display:block;
    }

}
@media (max-width: 479px) {
    .history_text {
        width:100%;
    }
    .infocontact {
        position: relative;
        right: auto;
        top: auto;
        text-align:center;
    }
    .comparebox {
        width:100% !important;
    }
}

@media (max-width: 549px) {
	.cds-product-details-left {
		width:100% !important;
	}
	.cds-product-details-right {
		width:100% !important;
	}
}
@media (min-width: 480px) {
    .newsblurb {
        width:80%;
    }
    .phoneblock {
        margin-top: 4px;
    }
    .history_text {
        width:100%;
    }
    .col-7 {
        width: 29%;
    }
    #storeLogo {
        margin: 45px 0 0 0;
        float:none;
        clear:both;
    }
    #storeLogo img {
        max-width:442px;
    }
    .imgflot {
        float:right;
        margin:0;
        text-align: center;
        vertical-align: top;
    }
    .footerbutton {
        display: inline-block;
        margin: 54px 5px 74px 5px;
    }
}

@media (max-width: 767px) {
    #columnLeft {
        display:none;
    }
    .bottomhomeblurb {
        float:none;
        margin-right:10px;
        width:100%;
    }
    .bottomhomeblurbimg {
        text-align: center;
        float:none;
        width:auto;
        margin-left:auto;
        margin-right:auto;
    }
    .bottomhomeblurbimg img{
        margin-left:auto;
        margin-right:auto;
    }
}

@media (min-width: 768px) {
	.search-add-to-quote.desktop {
		display: block;
	}
	.search-add-to-quote.mobile {
		display: none;
	}
    .cadstuff {
        float:right;
        width:50%;
    }
    .leftcontent {
        width:50%;
    }
    #homepage_categories_desktop {
        display: block;
    }
    #homepage_categories_mobile {
        display: none;
    }
    #headerLeft {
        padding:0;
    }

    #headerRight {

    }
    .col-7 {
        width: 23%;
    }

    .sub_header {
        display: block;
    }

    div.navBoxContainer.left_nav_container {
        display: block;
    }

    .float_images_right {
        float:right;
        text-align: left;
        font-size:90%;
    }
    .img-desc {
        margin-bottom:5px;
        margin-left:20px;

    }
    .history_text {
        width:100%;
    }
	.rightImages {
		float: right;
		width: 300px;
		padding-left: 15px;
		clear:both;
            margin-top:15px;
	}
    .infocontact {
        position: relative;
        float: right;
        margin-top: -49px;
        width: 300px;
        margin-left: 15px;
        text-align: center;
    }
	.infocontact .rfq_button, .infocontact .contact_button {
		display: block;
		text-align: center;
		margin: 10px auto;
		width: 175px;
	}
    h1 {
        max-width:530px;
    }

    .float_images_right {
        margin-left:20px;
    }
    #header_search {
        float: right;
        margin: 11px auto;
    }
    .custom-couplings-cta-container-mobile {
	    display: none;
    }
	.custom-couplings-cta-container-desktop {
		display: block;
	}
}

@media (min-width: 992px) {
	#search-cta {
		display: none;
		position: fixed;
		top: 30%;
		width: 200px;
	}
    .buttonbottom {
        display:none;
    }
    .buttontop {
        display:block;
    }
	.mobile-breadcrumbs {
		display: none;
	}
    .breadcrumbs {
        display: block;
    }
    div.upper_nav_container {
        display: inline-block;
        float:right;
    }
    .ctalink {
        display:block;
        /*margin-bottom:40px;*/
    }
    .ctalink img{
        width:208px;
        height:51px;
    }
    .imgflot .ctalink:last-of-type{
        margin-bottom:40px;
    }
    .col-7 {
        width: 13%;
    }
    .mega_nav {
        display:block;
    }
    .mega_nav a.nav_0 {

    }
    div#responsiveMenuButton {
        display:none;
    }
    .float_images_right {
        float:right;
        text-align: left;
        font-size:90%;
    }
    .img-desc {
        margin-bottom:5px;
        margin-left:20px;

    }
    .history_text {
        width:100%;
    }
    .upper_nav {
        font-size:81%;
        display:block;
    }
    #piGal img,
     #iGal img {
         float:right;
         /*float:none;*/
         max-width:250px;
         margin-top: -43px;
         /*margin-top: 10px;*/
     }

    .blue_full {
        background-image: url("../../images/site/blue_full.jpg");
        @supports (background-image: url("../../images/site/blue_full.webp")) {
            background-image: url("../../images/site/blue_full.webp");
        }
        background-position: center top;
        background-size: cover;
        padding-top:20px;
        padding-bottom:20px;
    }
    .blue_full_bottom {
        background-image:url("../../images/site/blue_full_bottom_bg.png");
        @supports (background-image: url("../../images/site/blue_full_bottom_bg.webp")) {
            background-image: url("../../images/site/blue_full_bottom_bg.webp");
        }
        background-position: center top;
        background-size: cover;
    }

    .upper_nav, #headerShortcutsNonDropdown {
        font-size:88%;
        display:inline-block;
    }
    #headerShortcutsNonDropdown div {
        display:inline-block;
    }
    #headerShortcutsNonDropdown a {
        color:#000000;
        font-weight:bold;
        display:block;
        padding:11px;
    }
    #headerShortcutsNonDropdown a:hover {
        color:#00639D;
        text-decoration: none;
    }
    #headerShortcutsNonDropdown div:hover {
        background-color: #DDDDDD;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-image: none;
    }
    .phoneblock {
        display:inline-block;
        margin-top:12px;
        margin-right:20px;
    }
    .search-result-row:hover {
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.59);
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.59);
        -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.59);
    }
    .search-result-row {
        cursor: unset;
    }
    .infocontact {
        display: block;
    }
    .floated_image {
        display: block;
        float: right;
    }
	#header_phone {
		height:50px;
		display: inline-block;
	}
	#prod_info_head {
		flex-direction: row;
		justify-content: space-between;
	}
}
@media (max-width: 1200px) {
    .mega_nav a.nav_0 {
        padding: 16px 9px 12px 9px;
    }
    .header {
        padding: 16px 15px 12px 15px;
    }
}
/* ! Make sure that everything in the media query below is also in non-responsive.css ! */
@media (min-width: 1100px) {
	#search-cta {
		text-align: center;
	}

    #storeLogo {
        /*margin: 34px 10px 0 0;*/
        float:none;
        clear:both;
    }
    #storeLogo img {
        max-width:492px;
    }
    .mega_nav {

    }
    .mega_nav a.nav_0 {
    }
    #storeLogo img {
        /*min-width:494px;*/
    }
    div#responsiveMenuButton {
        display:none;
    }
    /*div.top_nav_container {
        text-align: left;
        min-width: 1100px;
    }*/

    #headerRight {
        text-align: right;
        padding: 19px 0 0 0;
    }

    #headerLeft {
    }

    #header_search {
        float: right;
    }

    #headerShortcuts {
        display: inline-block;
    }


   /* .top_nav {
        display: inline-block;
    }*/

    .sub_header {
        display: block;
    }

    div.navBoxContainer.left_nav_container {
        display: block;
    }
    .mega_nav {
        display:block;
    }

    #columnLeft {
        display:block;
    }
    #printNav {
        float: right;
        display:block;
    }

    .float_images_right {
        float:right;
        text-align: left;
        font-size:90%;
    }
    .float_images_right img{
        max-width:300px;
        display:block;
        padding-bottom:10px;
    }
    .img-desc {
        margin-bottom:5px;
        margin-left:20px;

    }
    .infopage_table img {
        height:150px;
        width:200px;
    }
    .history_text {
        width:66%;
    }

    .youtube {
        max-width:525px;
        position: relative !important;
    }

}