.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
.rakhibanner-block{ width:100%; height:265px; display:block; background:#faebe4; float:left;margin-bottom:15px}
.rakhi-ban-block{ width:100%; float:left; height:265px; background:url(../images/rakhi-1.jpg); background-color:#faebe4 }
.rakhi-content-block{ width:42%; /*height:265px; margin:10px 3px 0px 3px;*/  float:right; display:block; /*background-color:#faf1f5*/}


@media screen and (min-width: 320px) and (max-width: 640px){
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
.rakhibanner-block{ display:block;height:auto}
.rakhi-ban-block{width:100%; height:auto; background:#faf1f5; background-image:none;}
.rakhi-content-block{width:100%; height:auto}
 /* rakhi menu mobile */
#accordian-content {display:block; visibility:visible; width:100%}
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px Quicksand;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 15px/30px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem div {margin: 0; padding: 0; background-color: #EFEFEF;}
.accordionItem div ul{ padding:0; margin:0; list-style-type:none;}
.accordionItem div ul li {text-align:center;font:normal 15px/30px arial; text-decoration:none; color:#e7636f;background-color: #EFEFEF; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 14px/30px arial;text-decoration:none; color:#fe5377; display:block; border-bottom:1px dashed #fad7de; }
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;}  
.accordionItem.hide h2 {color: #fff; background-color: #9b1750; }
.accordionItem.hide div {display: none;}
#big{width:100%}
#small{width:100%}
}


@media screen and (min-width: 641px) and (max-width: 767px){
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
.rakhibanner-block{ display:block;height:auto}
.rakhi-ban-block{width:100%; height:auto; background-image:none;}
.rakhi-content-block{width:100%; height:auto}
#accordian-content {display:block; width:100% }
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px quicksand;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 13px/25px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem{width:49%; margin-left:1%; float:left}
.accordionItem.big{width:64%; margin-left:1%; float:left}
.accordionItem.small{width:34%; margin-left:1%; float:left}
#big{width:59%}
#small{width:39%}
.accordionItem div {margin: 0; padding: 0; background-color: none;/* width:32%; margin-left:1%;*/ float:left}
.accordionItem div ul{ padding:0; margin:0; width:100%; list-style-type:none}
.accordionItem div.half{ padding:0; margin:0; width:50%}
.accordionItem div.full{ padding:0; margin:0; width:100%}
.accordionItem div ul li {text-align:left;font:normal 12px arial; text-decoration:none; color:#e7636f;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 13px/18px arial;text-decoration:none; color:#fe5377; display:block; padding-left:10px; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;} 
.accordionItem.hide h2 {color: #fff; background-color: #9b1750;}
.accordionItem.hide div {display: block;}
}

@media screen and (min-width: 768px) and (max-width: 900px){
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
.rakhibanner-block{ display:block;height:auto}
.rakhi-ban-block{width:100%; height:auto; background-image:none;}
.rakhi-content-block{width:100%; height:auto}
#accordian-content {display:block; width:100% }
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px cairo;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 13px/25px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem{width:49%; margin-left:1%; float:left}
.accordionItem.big{width:64%; margin-left:1%; float:left}
.accordionItem.small{width:34%; margin-left:1%; float:left}
#big{width:59%}
#small{width:39%}
.accordionItem div {margin: 0; padding: 0; background-color: none;/* width:32%;*/ margin-left:1%; float:left}
.accordionItem div ul{ padding:0; margin:0; width:100%; list-style-type:none}
.accordionItem div.half{ padding:0; margin:0; width:50%}
.accordionItem div.full{ padding:0; margin:0; width:100%}
.accordionItem div ul li {text-align:left;font:normal 12px arial; text-decoration:none; color:#e7636f;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 13px/18px arial;text-decoration:none; color:#fe5377; display:block; padding-left:10px; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;} 
.accordionItem.hide h2 {color: #fff; background-color: #9b1750;}
.accordionItem.hide div {display: block;}
}

@media screen and (min-width: 901px) and (max-width: 1050px){
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
#accordian-content {display:block; /*visibility:hidden;*/; width:100% }
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px Quicksand;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 13px/25px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem{width:49%; margin-left:1%; float:left}
.accordionItem.big{width:64%; margin-left:1%; float:left}
.accordionItem.small{width:34%; margin-left:1%; float:left}
#big{width:59%}
#small{width:39%}
.accordionItem div {margin: 0; padding: 0; background-color: none;/* width:100%*/}
.accordionItem div.half{ padding:0; margin:0; width:50%; float:left}
.accordionItem div.full{ padding:0; margin:0; width:100%; float:left}
.accordionItem div ul{ padding:0; margin:0; width:100%; list-style-type:none}
.accordionItem div ul li {text-align:left;font:normal 12px arial; text-decoration:none; color:#e7636f;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 13px/18px arial;text-decoration:none; color:#fe5377; display:block; padding-left:10px; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;} 
.accordionItem.hide h2 {color: #fff; background-color: #9b1750;}
.accordionItem.hide div {display: block;}

}	
@media screen and (min-width: 1051px) and (max-width: 1200px){
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
#accordian-content {display:block; /*visibility:hidden;*/; width:100% }
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px Quicksand;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 13px/25px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem{width:49%; margin-left:1%; float:left}
.accordionItem.big{width:64%; margin-left:1%; float:left}
.accordionItem.small{width:34%; margin-left:1%; float:left}
#big{width:59%}
#small{width:39%}
.accordionItem div {margin: 0; padding: 0; background-color: none; /*width:100%*/}
.accordionItem div.half{ padding:0; margin:0; width:50%; float:left}
.accordionItem div.full{ padding:0; margin:0; width:100%; float:left}
.accordionItem div ul{ padding:0; margin:0; width:100%; list-style-type:none}
.accordionItem div ul li {text-align:left;font:normal 12px arial; text-decoration:none; color:#e7636f;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 13px/18px arial;text-decoration:none; color:#fe5377; display:block; padding-left:10px; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;} 
.accordionItem.hide h2 {color: #fff; background-color: #9b1750;}
.accordionItem.hide div {display: block;}
}

@media screen and (min-width:1201px) {
#bannermenu-block{width:100%; margin:4px 0; float:left; display:block;}
#accordian-content {display:block; /*visibility:hidden;*/; width:100% }
.cate-head{ color:#fe5377; text-align:center; font:bold 18px/24px Quicksand;}
.accordionItem h2 {margin:5px 0 0 0; font:bold 13px/25px arial; color: #ffffff; background-color: #b61b64; text-align:center;}
.accordionItem h2:hover {cursor: pointer;}
.accordionItem{width:49%; margin-left:1%; float:left; background-color:#faf1f5}
.accordionItem.big{width:64%; margin-left:1%; float:left}
.accordionItem.small{width:34%; margin-left:1%; float:left}
#big{width:59%}
#small{width:39%}
.accordionItem div {margin: 0; padding: 0; background-color: none; /*width:100%*/}
.accordionItem div.half{ padding:0; margin:0; width:50%; float:left}
.accordionItem div.full{ padding:0; margin:0; width:100%; float:left}
.accordionItem div ul{ padding:0; margin:0; width:100%; list-style-type:none}
.accordionItem div ul li {text-align:left;font:normal 12px arial; text-decoration:none; color:#e7636f;}
.accordionItem div ul li.header{background:#fde48e}
.accordionItem div ul li a {font:normal 13px/18px arial;text-decoration:none; color:#fe5377; display:block; padding-left:10px; border-bottom:1px dashed #fad7de;}
.accordionItem div ul li a:hover {background:#fe5377; color:#ffffff;} 
.accordionItem.hide h2 {color: #fff; background-color: #9b1750;}
.accordionItem.hide div {display: block;}
}