.cid_wrapper {
    width: 100%;
    float: right;
    position: relative;
}
.cid_page_container {
	width: 100%;
	float:right;
	position:relative;
	padding-top:0px;
	padding-bottom: 0px
}
.cid_top_content {
    width: 100%;
    float: right;
    position: relative;
    display: inline-block;
}

.page_categories_items_container {
	float: right;
	width: 100%;
	position: relative;
	text-align:center;
	display:inline-block;
}
.cat_item {
	float:right;
	background-color: #fff;
	list-style-type: none;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	display: inline-block;
	padding-bottom: 0px;
	border: 1px solid #f1f1ef;
	box-sizing:border-box;
	position:relative;
}
.cat_item_img {
	width:100%;
	float: right;
}
cat_item img {
	width:100%;
	float: right;
	display: inline-block;
	max-width: 100%;
}
.cat_item_content {
	width:100%;
	float: left;
	display: table;
	box-sizing:border-box;
	padding: 0 0px 0 0px;
	height: 70px;
	text-align:center;
}
.cat_item_content h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 21px;
}

.cid_top_img {
    width: 100%;
    float: right;
    position: relative;
	height:300px;
}
.cid_top_img_backColor {
    width: 100%;
    right: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: 0;
    display: table;
    animation: changColor 5s infinite;
}

/* Media Queries for Desktop
---------------------------------------------------------------*/
@media all and (min-width: 1438px) {
.cid_top_content {
		padding-top: 70px;
		margin-bottom: 50px;
}

.slideshow_categories {
	width: 100%;
	float:right;
	padding-top: 40px;
	padding-bottom: 40px;
	position:relative;	
    margin:auto;
}
.page_categories_banner {
	width: 400px;
    height: 330px;
	float:right;
	position:relative;
}
.page_categories_slideshow {
	width: calc(100% - 440px);
	float:left;
	position:relative;
	margin-right: 40px;
	display:table;
	height:420px;
}
.page_categories_benners {
	width: 400px;
	float:right;
}

.page_image_up_container {
	width: 100%;
	float:right;
	position:relative;
	height:400px;
    display:table;
}
.page_image_up_title {
	display:table-cell;
    vertical-align:middle;
}

.page_categories_items_container {
	padding-bottom: 50px;
}
.cat_item {
	width: 21.25%;
	margin-bottom: 5%;
	margin-left: 5%;
	box-sizing:border-box;
	padding: 0px
}
.cat_item:nth-of-type(4n) {
	margin-left: 0;
}
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
.cid_top_content {
	padding-top: 50px;
	margin-bottom: 30px;
}
	.slideshow_categories {
	width: 100%;
	float:right;
	padding-top: 40px;
	padding-bottom: 40px;
	position:relative;	
    margin:auto;
}
.page_categories_banner {
	width: 400px;
    height: 330px;
	float:right;
	position:relative;
}
.page_categories_slideshow {
	width: calc(100% - 440px);
	float:left;
	position:relative;
	margin-right: 40px;
	display:table;
	height:420px;
}
.page_categories_benners {
	width: 400px;
	float:right;
}
.page_categories_container {
	width: 100%;
	float:right;
	position:relative;
	margin-top: 0px;
	padding-top:30px;
	padding-bottom: 30px
}
.page_image_up_container {
	width: 100%;
	float:right;
	position:relative;
	height:400px;
    display:table;
}
.page_image_up_title {
	display:table-cell;
    vertical-align:middle;
}

.page_categories_items_container {
	padding-bottom: 0px;
	padding-top:0px
}
.cat_item {
	width: 21.25%;
	margin-bottom: 5%;
	margin-left: 5%;
	box-sizing:border-box;
	padding: 0px
}
.cat_item:nth-of-type(4n) {
	margin-left: 0;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media all and (max-width: 768px) and (min-width: 481px) {
.cid_top_content {
	padding-top: 30px;
	margin-bottom: 10px;
}
	.slideshow_categories {
	width: 100%;
	float:right;
	padding-top: 40px;
	padding-bottom: 40px;
	position:relative;	
    margin:auto;
}
.page_categories_banner {
	width: 400px;
    height: 330px;
	float:right;
	position:relative;
}
.page_categories_slideshow {
	width: calc(100% - 440px);
	float:left;
	position:relative;
	margin-right: 40px;
	display:table;
	height:420px;
}
.page_categories_benners {
	width: 400px;
	float:right;
}
.page_categories_container {
	width: 100%;
	float:right;
	position:relative;
	margin-top: 0px;
	padding-top:30px;
	padding-bottom: 30px
}
.page_image_up_container {
	width: 100%;
	float:right;
	position:relative;
	height:400px;
    display:table;
}
.page_image_up_title {
	display:table-cell;
    vertical-align:middle;
}

.page_categories_items_container {
	padding-bottom: 30px;
	padding-top: 20px
}
.cat_item {
	width: 32%;
	margin-bottom: 2%;
	margin-left: 2%;
	box-sizing:border-box;
	padding: 0px
}
.cat_item:nth-of-type(3n) {
	margin-left: 0;
}
.cat_item_content {
	height: 50px;
}
.cat_item_content h3 {
	font-size: 18px;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media (max-width: 480px) and (min-width: 319px) {
.cid_top_content {
	padding-top: 20px;
	margin-bottom: 0px;
}
	.slideshow_categories {
	width: 100%;
	float:right;
	padding-top: 40px;
	padding-bottom: 40px;
	position:relative;	
    margin:auto;
}
.page_categories_banner {
	width: 400px;
    height: 330px;
	float:right;
	position:relative;
}
.page_categories_slideshow {
	width: calc(100% - 440px);
	float:left;
	position:relative;
	margin-right: 40px;
	display:table;
	height:420px;
}
.page_categories_benners {
	width: 400px;
	float:right;
}
.page_categories_container {
	width: 100%;
	float:right;
	position:relative;
	margin-top: 0px;
	padding-top:20px;
	padding-bottom: 30px
}
.page_image_up_container {
	width: 100%;
	float:right;
	position:relative;
	height:400px;
    display:table;
}
.page_image_up_title {
	display:table-cell;
    vertical-align:middle;
}
.page_categories_items_container {
	padding-bottom: 20px;
	padding-top: 20px
}
.cat_item {
	width: 48%;
	margin-bottom: 4%;
	margin-left: 4%;
	box-sizing:border-box;
	padding: 0px
}
.cat_item:nth-of-type(2n) {
	margin-left: 0;
}
.cat_item_content {
	height: 45px;
}
.cat_item_content h3 {
	font-size: 17px;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media (max-width: 320px) {
.cid_top_content {
	padding-top: 20px;
	margin-bottom: 0px;
}
	.slideshow_categories {
	width: 100%;
	float:right;
	padding-top: 40px;
	padding-bottom: 40px;
	position:relative;	
    margin:auto;
}
.page_categories_banner {
	width: 400px;
    height: 330px;
	float:right;
	position:relative;
}
.page_categories_slideshow {
	width: calc(100% - 440px);
	float:left;
	position:relative;
	margin-right: 40px;
	display:table;
	height:420px;
}
.page_categories_benners {
	width: 400px;
	float:right;
}
.page_categories_container {
	width: 100%;
	float:right;
	position:relative;
	margin-top: 0px;
	padding-top:20px;
	padding-bottom: 30px
}
.page_image_up_container {
	width: 100%;
	float:right;
	position:relative;
	height:400px;
    display:table;
}
.page_image_up_title {
	display:table-cell;
    vertical-align:middle;
}
.page_categories_items_container {
	padding-bottom: 20px;
	padding-top: 20px
}
.cat_item {
	width: 48%;
	margin-bottom: 4%;
	margin-left: 4%;
	box-sizing:border-box;
	padding: 0px
}
.cat_item:nth-of-type(2n) {
	margin-left: 0;
}
.cat_item_content {
	height: 45px;
}
.cat_item_content h3 {
	font-size: 17px;
}
}