
/* 1400  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
    .csi-container1400 {
        padding: 0 25px;
    }
}

/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
	
	.csi-articleContent .csi-btn {
		margin-right: 0;
		padding: 7px 20px;
	}
	
	#csiMenuWrapper .menu-wrapper .menu-item, 
	#csiMenuWrapper-secondary .menu-wrapper .menu-item {
		height: 90px;
	}
	
	#csiMenuWrapper .modal-menu > li > a {
		font-size: 1.5rem;
	}
	
	#csiMenuWrapper .modal-menu ul li a, 
	#csiMenuWrapper-secondary .modal-menu ul li a {
		font-size: 1.25rem;
	}
	
	#csiMenuWrapper .modal-menu a, 
	#csiMenuWrapper-secondary .modal-menu a {
		padding: 1.5rem 1rem;
	}

}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
	
	/* Menu Updates */
	
	#csiMenuWrapper .expanded-menu, 
	#csiMenuWrapper-secondary .expanded-menu {
		padding-left: 40px;
	}
	
	#csiMenuWrapper .menu-modal-inner, 
	#csiMenuWrapper-secondary .menu-modal-inner {
		background: #231F20;
	}
	
	#csiMenuWrapper .modal-menu, 
	#csiMenuWrapper-secondary .modal-menu {
		width: 100%;
	}
	
	ul.sub-menu {
		left: 0;
		position: relative;
	}
	
	#csiMenuWrapper .menu-wrapper .menu-item, 
	#csiMenuWrapper-secondary .menu-wrapper .menu-item {
		position: relative;
		height: auto;
	}
	
	#csiMenuWrapper .menu-wrapper .menu-item .sub-menu .menu-item {
		height: auto;
	}
	
	li > ul.sub-menu:before {
		display: none;
	}
	
	.modal-menu li .sub-menu {
		z-index: 10;
		background: #231F20;
		transition: none;
		visibility: visible;
	}
	
	.modal-menu li .sub-menu li a {
		opacity: 1;
		transition: none;
	}
	
	li.menu-item-has-children > a:before {
		display: none;
	}
	
	#csiMenuWrapper .modal-menu ul li, 
	#csiMenuWrapper-secondary .modal-menu ul li {
		border-left: none;
	}
	
	#csiMenuWrapper .modal-menu li, 
	#csiMenuWrapper-secondary .modal-menu li {
		border: none;
	}
	
	/* End Menu Updates */
	
	.ib-area .csi-btn {
		padding: 7px 20px;
	}
	
	.carousel-caption h1 {
		font-size: 3rem;
	}
	
	.carousel-caption p {
		font-size: 1.25rem;
	}
	
	.product-img {
		margin: 10px 0;
	}
	
	.prod-section-1 h1 {
		font-size: 3rem;
	}
	
	.black-bg .bg-text {
		padding: 100px 50px;
	}
	
	.black-bg .product-img {
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
	
	.prod-section-4 {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.prod-section-6 {
		margin-bottom: 50px;
	}
	
	.prod-section-6 .product-img {
		position: relative;
		width: 100%;
		margin-bottom: 25px;
	}
	
	.csi-productAccordion .px-5 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.csi-productAccordion .panel-title {
		font-size: 1.5rem;
	}
	
	.csi-learnMoreBtn {
		display: inline-block !important;
	}
	
	.column.col {
		width: 33.33%;
		flex-basis: unset;
		flex-grow: initial;
	}
	

 	
 }


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
	
/*
	.csi-header {
		padding-top: 0;
	}
	
	.csi-nav {
		background: #243D94;
		width: 130%;
		margin-left: -14vw;
		margin-bottom: 20px;
		padding-left: 5%;
	}
	
	#csiMenuWrapper .nav-toggle svg, 
	#csiMenuWrapper-secondary .nav-toggle svg {
		fill: #fff;
	}
	
	.ib-area {
		text-align: center;
		margin-top: 25px;
	}
*/

	.csi-nav {
		margin-top: -80px;
		width: fit-content;
	}
	
	.ib-area {
		padding-top: 40px;
	}
	
	.search-btn {
		position: absolute;
		left: 55%;
		bottom: 5px;
	}
	
	.csi-productAccordion .panel-heading {
		text-align: center;
	}
	
	.productAccordionImage {
		border-radius: 10px 10px 0 0;
	}
	
	.csi-productAccordion .panel-title{
		margin-top: 20px;
	}
	
	.csi-productAccordion .csi-btn {
		margin-bottom: 20px;
	}
	
	.column.col {
		width: 50%;
	}
	
	.home-page, 
	.csi-insidepages {
		margin-bottom: 0;
	}
	
	footer {
		position: initial;
		margin-top: 0;
		padding-bottom: 5%;
	}
	
}

/* 675  *
-------------------------------------------------------------------------------------- */
@media (max-width: 675px) {
	
	.search-btn {
		left: 50%;
	}
	
	
}


/* 575  *
-------------------------------------------------------------------------------------- */
@media (max-width: 575px) {
	
	
	.prod-section-4 .grey-bg {
		text-align: center;
		padding: 30px 35px;
		margin: 15px 0;
	}
	
	.prod-section-4 .product-img {
		margin: 10px auto;
	}
	
	.prod-section-4 a:hover .product-img, 
	.prod-section-4 a:focus .product-img {
		transform: none;
	}
	
	.column.col {
		width: 100%;
	}
	
	.csi-header .px-5,
	.csi-articleContent.px-5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#csiMenuWrapper .csi-Menu-inner .toggle, 
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle {
		padding-left: 15px;
	}

}


/* 500  *
-------------------------------------------------------------------------------------- */
@media (max-width: 500px) {
	
	.search-btn {
		left: 45%;
	}
	
	
}

/* 455  *
-------------------------------------------------------------------------------------- */
@media (max-width: 455px) {
	
	.search-btn {
		left: 38%;
	}
	
	
}

/* 375  *
-------------------------------------------------------------------------------------- */
@media (max-width: 375px) {
	
	.search-btn {
		left: 30%;
	}
	
	
}

/* 350  *
-------------------------------------------------------------------------------------- */
@media (max-width: 350px) {
	
	#csiMenuWrapper .csi-Menu-inner .toggle, 
	#csiMenuWrapper-secondary .csi-Menu-inner .toggle {
		padding-right: 5px;
	}
	
	.search-btn {
		left: 25%;
	}
	
	
}


