body {background-color:#feffef; line-height:1.15em; color:#564543; height:auto;font-family: Arial, Helvetica, sans-serif}
.wrapper{width:100%; display:block;}
.row{margin-right:-5px;  margin-left:-5px; width:auto; clear:both}
.content{width:92%; margin:0 auto; overflow:hidden}
.content-wrapper{width:100%; float:left}
.content-wrapper img{width:100%}
.header{border-bottom:0px solid #d1cfcf; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.footer
    {
     border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    float:left;
    margin:.2% 0 5% 0%;
     width:100%; 
     padding:20px 0 30px 0;
    background-color:#EFE2D7;
    color: fuchsia;
     }
.size-2{padding-right:5px;padding-left:5px; float:left; margin-bottom:10px}

.size-2,.menu,.bx-section,.menu ul{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:#602015;}


.size-3{padding-right:5px;padding-left:5px; float:right; margin-bottom:10px}

.size-3,.menu,.bx-section,.menu ul{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:#602015;}


.header1{margin:20px 0; text-align:left; width:100%}
.header1 .img-logo{display:inline; float:left; padding-right:15px; max-width:130px}
.header1 .img-title{margin-top:15px; max-width:230px}
.header2{margin:20px 0; text-align:left; width:100%}
.header2 .img-logo{display:inline; float:right; padding-right:0; max-width:280px}
.header2 .img-title{margin-top:15px; max-width:230px}

.mainheader
    {
    background-color:#C08074;
    box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);
    position:relative;
    width:100%;
    z-index:3;
    margin:1% auto;
     //*strating the hamberger header from mainheader*//
    }
.mainheader ul
    {
    margin:0;
    padding:0;
    list-style: none;
    overflow: hidden;
    background-color:#584940;
    }
.mainheader ul a
    {
    display: block;
    padding: 10px;
    border-right:1px solid #AAA;
    text-decoration: none;
    }
.mainheader ul a:hover
    {
    background-color: forestgreen;
    color:#FFF;
    text-decoration: underline;
    }
.mainheader .logo
    {
    float: left;
    display: block;
    font-size: 1em;
    padding: 10px 5.5px;
	background-color:#C08074;
    color: white;
	border-right:1px solid #AAA;
    	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }
.mainheader .menu
    {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    }
.mainheader .menu-icon
    {
	border:1px solid green;
	background-color:#C08074;
    padding: 17px 15px;
    position: relative;
    float: right;
    cursor: pointer;
    }
.mainheader .menu-icon .nav-icon
    {
    background: #FFF; 
    display: block;
    height: 2px;
    width: 18px;
    position: relative;
    transition:background .2s ease-out; 
    }
.mainheader .menu-icon .nav-icon:before
    {
    background: #FFF; 
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    transition:background .2s ease-out; 
    top:5px;
    }
.mainheader .menu-icon .nav-icon:after
    {
    background: #FFF; 
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    transition:background .2s ease-out; 
    top:-5px;
    }
.mainheader .menu-btn
    {
    display: none;
    }
.mainheader .menu-btn:checked ~.menu
    {
    max-height: 400px;
    }
.mainheader .menu-btn:checked ~.menu-icon .nav-icon
    {
    background: transparent;
    
    }
.mainheader .menu-btn:checked ~.menu-icon .nav-icon:before
    {
    transform: rotate(-45deg);
    top:0;
    } 
.mainheader .menu-btn:checked ~.menu-icon .nav-icon:after
    {
    transform: rotate(45deg);
    top:0;
    }

.mainheader nav a:hover, .mainheader nav a:active,
.mainheader nav .active a:link, .mainheader nav .active a:visited
    {
	background-color:#F04C4C;
	color:#FFFFFF;
	text-shadow:none;	
	}
.mainheader nav ul li a
    {
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}


@media (min-width:96em)
{
.mainheader li
    {
    float: left;
    } 
.mainheader li a
    {
    padding: 10px 10px;
	}
.mainheader .menu
    {
    clear: none;
    float: left;
    max-height: none;
    } 
.mainheader .menu-icon
    {
    display: none;
    }    
   //*     hamburger menu   *//        
}

@media (min-width:93em) and (max-width:95.999em)
{
.mainheader li
    {
    float: left;
    } 
.mainheader li a
    {
    padding: 10px 10px;
	}
.mainheader .menu
    {
    clear: none;
    float: left;
    max-height: none;
    } 
.mainheader .menu-icon
    {
    display: none;
    }    
  //*     hamburger menu   *//      
}



@media (min-width:90em) and (max-width:92.999em)
{
.mainheader li
    {
    float: left;
    } 
.mainheader li a
    {
    padding: 10px 10px;
	}
.mainheader .menu
    {
    clear: none;
    float: left;
    max-height: none;
    } 
.mainheader .menu-icon
    {
    display: none;
    }    
  //*     hamburger menu   *//      
}


@media (min-width:85em) and (max-width:89.999em)
{
.mainheader li
    {
    float: left;
    } 
.mainheader li a
    {

    padding: 8.2px 8.2px;
	}
.mainheader .menu
    {
     padding: 3px 3px;
    clear: none;
    float: left;
    max-height: none;
    } 
.mainheader .menu-icon
    {
    display: none;
    }    
  //*     hamburger menu   *//      
}



@media (min-width:84em) and (max-width:84.999em)
{
.mainheader li
    {
    float: left;
       
    } 
.mainheader li a
    {
    padding: 4.9px 4.9px;
   font-size: 14.4px;     
	}
.mainheader .menu
    {
    font-size: 14.7px;
       padding: 5.5px 5.5px;
    clear: none;
    float: left;
    max-height: none;
         
    } 
.mainheader .menu-icon
    {
    display: none;
    }    
  //*     hamburger menu   *//      
}





.maincontent
    {
	line-height:25px;	
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	//*     overflow:hidden;     to be added if side bar is not kept at correct place,other wise remove like this case    *//
	}


.topcontent
    {
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:.1% 1% .01% 1%;
	margin:.1% 0 .1% 0;
	}
.bottomcontent
    {
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:1%;
	margin:.01% 0 .1% 0;
	}
.bottomcontent1
    {
	background-color:#F2EAE3;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:1%;
	margin:1% 0 .5% 0;
	}
.correctioncontent
    {
	background-color:#feffef;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:0.0%;
	margin:.01% 0 .1% 0;
	}
.post-info
    {
	font-style:italic;
	color:deeppink;
	font-size:90%;
	}
.top-sidebar1
    {
	width:30%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}
.top-sidebar2
    {
	width:30%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}
.middle-sidebar
    {
	width:30%;
	float:left;
	background-color:#FBF3D7;
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.1% 1% .5% 1%;
	}
.bottom-sidebar
    {
	width:30%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.01% 1% 1% 1%;
	}	



.middle2-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0.75% 1% 0;
	padding:.125% .125% 1.25% .125%;
	}
.bottom2-sidebar
    {
	width:67.9%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 1%;
	padding:1%;
	}

.middle3-sidebar
    {
	width:66%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:.1% 1% .1% 1%;
	}
.bottom3-sidebar{
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 0 1% 2%;
	padding: 1.7% 1% 1.7% 1%;
	}

.middle4-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:1%;
	}
.bottom4-sidebar
    {
	width:66%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 2% 1% 0;
	padding:1%;
	}
.middle5-sidebar
    {
	width:66%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:.1% 1% .1% 1%;
	}
.middle6-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:.5% .5% 1% .5%;
	}
.middle7-sidebar
    {
	width:28%;
	float:left;
	background-color:#FFDAB9;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:.5% .5% 1% .5%;
	}
.middle8-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:1.5% .2% 1.3% .5%;
	}
.middle9-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:1%;
	}
.middle10-sidebar
    {
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 0 1% 0;
	padding:.5% .5% 1% .5%;
	}
.bottom5-sidebar{
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 2% 1% 0;
	padding: 1.7% 1% 1.7% 1%;
	}
.bottom6-sidebar{
	width:28%;
	float:left;
	background-color:#FFC0CB;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 2% 1% 0;
	padding:0.5% 1% 0.1% 1%;
	}

.bottom7-sidebar{
	width:28%;
	float:left;
	background-color:#FFD5B1;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 2% 1% 0;
	padding:0.5% 1% 0.1% 1%;
	}

.bottom8-sidebar{
	width:28%;
	float:left;
	background-color:#FBF39F;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 2% 1% 0;
	padding:0.5% 1% 0.1% 1%;
	}
.bottom9-sidebar{
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 0 1% 2%;
	padding:1%;
	}
.bottom10-sidebar{
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 1% 1% 0;
	padding:1%;
	}

.bottom11-sidebar{
	width:28%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin: 1% 0 1% 2.5%;
	padding: 1.5% .5% 1% .5%;
	}


@media screen and (min-width: 128px) 
    {
	.size-2{width: 100%;}
	.header1{text-align:right; margin-bottom:0px}
	.footer{text-align:center;margin-bottom: 5px;}
    .columns{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
	}
@media screen and (min-width: 480px)
    {
   
   .footer{text-align:center;margin-bottom: 5px;}
    }

@media screen and (min-width: 768px)
    {
    .content{width:99%;}   
	.columns{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
    .footer{text-align:center;margin-bottom: 5px;}
    }

@media screen and (min-width: 1025px)  and (max-width:1279.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
	.footer{text-align:center;margin-bottom: 5px;}
    .middle6-sidebar
        {display: none;}
    .bottom9-sidebar
        {display: none;}
    .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
    .mainheader1        
         {display: none;}
    }


@media screen and (min-width: 1025px)  and (max-width:1279.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
	.footer{text-align:center;margin-bottom: 5px;}
    .middle6-sidebar
        {display: none;}
    .bottom9-sidebar
        {display: none;}
    .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
    .mainheader1        
         {display: none;}
    }





@media screen and (min-width: 1280px) and (max-width:1299.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
    .content{width:1200px;font-size: 14.3px;}
	.columns{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
    .footer{text-align:center;margin-bottom: 5px;}
    .middle-sidebar
    {
	width:30%;
    font-size: 14.45px;
	float:left;
	background-color:#FBF3D7;
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.1% 1% .5% 1%;
	}
    .top-sidebar2
    {
	width:30%;
    font-size: 12.5px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}
    .middle6-sidebar
        {display: none;}
    .bottom9-sidebar
        {display: none;}
    .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
  .mainheader1        
         {display: none;}
    }




@media screen and (min-width: 1300px) and (max-width:1343.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
    .content{width:1200px;font-size: 14.3px;}
	.columns{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
    .footer{text-align:center;margin-bottom: 5px;}
    .middle-sidebar
    {
	width:30%;
    font-size: 14.45px;
	float:left;
	background-color:#FBF3D7;
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.1% 1% .5% 1%;
	}
    .top-sidebar2
    {
	width:30%;
    font-size: 12.5px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}
    .middle6-sidebar
        {display: none;}
    .bottom9-sidebar
        {display: none;}
    .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
  .mainheader        
         {display: none;}
    }





@media screen and (min-width: 1344px) and (max-width:1439.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
    .content{width:1265px;font-size: 14.5px;}
    .columns{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
    .footer{text-align:center;margin-bottom: 5px;}
    .bottom-sidebar
    {
	width:30%;
    font-size: 14.45px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.01% 1% 1% 1%;
	}
        
    .top-sidebar2
    {
	width:30%;
    font-size: 12.8px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	} 
     .middle6-sidebar
        {display: none;}   
     .bottom9-sidebar 
        {display: none;} 
     .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
   .mainheader        
         {display: none;}
    }




@media screen and (min-width: 1440px) and (max-width:1449.999px)
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
	.content{width:1370px;font-size: 15.6px;}
    .columns{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
    .footer{text-align:center;margin-bottom: 5px;}
       .bottom-sidebar
    {
	width:30%;
    font-size: 15.45px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 2%;
	padding:.01% 1% 1% 1%;
	}
    .top-sidebar1
    {
	width:30%;
    font-size: 14.8px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}   
    .top-sidebar2
    {
	width:30%;
    font-size: 14.4px;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	} 
    .middle6-sidebar
        {display: none;} 
    .bottom9-sidebar
        {display: none;}
    .bottom10-sidebar
        {display: none;}
    .middle9-sidebar
        {display: none;}
    .middle10-sidebar
        {display: none;}
    .mainheader        
         {display: none;}     
    }


@media screen and (min-width: 1450px) 
    {
    .size-2{width: 50%;}
    .header1{text-align:left;margin: 20px 0;}
	.content{width:1400px;}
    .columns{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
    .footer{text-align:center;margin-bottom: 5px;}
    .top-sidebar2
    {
	width:30%;
    
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 0 2% 0;
	padding:.01% 1% .5% 1%;
	}
        
.middle6-sidebar
        {display: none;}
.bottom9-sidebar
        {display: none;}
.bottom10-sidebar
        {display: none;}
.middle9-sidebar
        {display: none;}
.middle10-sidebar
        {display: none;}
.mainheader        
         {display: none;}
    }




@media only screen and (min-width:150px)and (max-width:1024px)
    {
body
    {
    background-color: #feffef;   
   	} 
.size-3{ display: none;}
.mainheader img
    {
	width:100%;
	}
.mainheader nav ul
    {
	padding-left:0;
	}     
.mainheader nav ul li
    {
	width:100%;
	text-align:center;
	}
.mainheader nav a:link, .mainheader nav a:visited
    {
	padding:10px 7px;
	height:20px;
	display:block;
    }
.content
    {
	width:100%;
	float:left;	
	}
.post-info
    {
	font-style:italic;
	color:deeppink;
	font-size:90%;
	}



        




.topcontent
    {
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:3% 5%;
	margin-top:1%;
	margin-bottom:2%;
	}
.bottomcontent
    {
    background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	 padding:.01% 4%;
	margin:2% 2% 2% -0.2%;
	
	}
.bottomcontent1
    {
    background-color:#F2EAE3;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	 padding:.01% 4%;
	margin:2% 2% 2% -0.2%;
	
	}
.correctioncontent
    {
	background-color:#feffef;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding:0%;
	margin:0 0 0 0;
	}
.top-sidebar1
   {
	width:94%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 2% 2% -.8%;
	 padding:4% 4% 4% 4%;
	}
.top-sidebar2
   {
	width:94%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 2% 2% -.8%;
	 padding:4% 4% 4% 4%;
	}
.middle-sidebar
    {
	width:94%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 2% 2% -1.2%;
	 padding:4% 4%;
	}
.bottom-sidebar
    {
	width:94%;
	float:left;
	background-color:#FBFBD7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:2% 2% 2% -1.2%;
	 padding:4% 4%;
	}
.middle2-sidebar
    
	{ display: none;}
.middle4-sidebar	
    { display: none;}
.bottom2-sidebar
    {
	width:94%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:.01% 2% .01% 3%;
	padding:.02& .03%;
	}

.middle3-sidebar     
    {
	width:94%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 2% 1% 3%;
	padding:.01& .03%;
	}   
.bottom3-sidebar
  { display: none;}
.bottom11-sidebar
  { display: none;}
.bottom4-sidebar
    {
	width:94%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:.01% 2% .01% 3%;
	padding:.02& .03%;
	} 
.middle5-sidebar     
    {
	width:94%;
	float:left;
	background-color:#FBF3D7;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 2% 1% 3%;
	padding:.01& .01%;
	} 
.middle6-sidebar
    {
	width:94%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 1% 1% 2%;
	padding:0.1% 1% 6% 1.2%;
	}
.middle7-sidebar
    {
	width:94%;
	float:left;
	background-color:#FFDAB9;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 1% 1% 2%;
	padding:.2% 1% 1.5% 1.2%;
	}
.middle8-sidebar
    {display: none;}
.middle9-sidebar
    {
	width:94%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin:1% 1% 1% 3%;
	padding:2% .1% 4% .1%;
	}
.middle10-sidebar
    {
	width:94%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 1% 1% 2%;
	padding:3% 1% 1.5% 1.2%;
	}
.bottom5-sidebar

	{ display: none;}
	
.bottom6-sidebar
    {
	width:94%;
	float:left;
	background-color:#FFC0CB;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 5% 1% 1.5%;
	padding:1% 1% 0.1% 1%;
	} 
 .bottom7-sidebar
    {
	width:94%;
	float:left;
	background-color:#FFD5B1;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 5% 1% 1.5%;
	padding:1% 1% 0.1% 1%;
	} 
 .bottom8-sidebar
    {
	width:94%;
	float:left;
	background-color:#FBF39F;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 5% 1% 1.5%;
	padding:1% 1% 0.1% 1%;
	} 
        
.bottom9-sidebar
    {
	width:94%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	margin:1% 1% 1% 2.5%;
	padding:2.5% .1% 1% .1%;
	}         
.bottom10-sidebar
    {
	width:94%;
	float:left;
	background-color:#F6E0D2;
	border-radius: 20px;
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin:1% 1% 1% 2%;
	padding:2% .1% 4% .1%;
	}        
        
        
.mainheader
    {
    background-color:#C08074;
    box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);
    position:relative;
    width:100%;
    z-index:3;
    margin:1% auto;
     //*strating the hamberger header from mainheader*//
    }
.mainheader ul
    {
    margin:0;
    padding:0;
    list-style: none;
    overflow: hidden;
    background-color:#5E5B5B;
    }
.mainheader ul a
    {
    display: block;
    padding: 10px;
    border-right:1px solid #AAA;
    text-decoration: none;
    }
.mainheader ul a:hover
    {
    background-color: forestgreen;
    color:#FFF;
    text-decoration: underline;
    }
.mainheader .logo
    {
    float: left;
    display: block;
    font-size: 1em;
    padding: 10px 5.5px;
	background-color:#C08074;
    color: white;
	border-right:1px solid #AAA;
    	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    }
.mainheader .menu
    {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    }
.mainheader .menu-icon
    {
	border:1px solid green;
	background-color:#C08074;
    padding: 17px 9.5px;
    position: relative;
    float: right;
    cursor: pointer;
    }
.mainheader .menu-icon .nav-icon
    {
    background: #FFF; 
    display: block;
    height: 2px;
    width: 18px;
    position: relative;
    transition:background .2s ease-out; 
    }
.mainheader .menu-icon .nav-icon:before
    {
    background: #FFF; 
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    transition:background .2s ease-out; 
    top:5px;
    }
.mainheader .menu-icon .nav-icon:after
    {
    background: #FFF; 
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    transition:background .2s ease-out; 
    top:-5px;
    }
.mainheader .menu-btn
    {
    display: none;
    }
.mainheader .menu-btn:checked ~.menu
    {
    max-height: 400px;
    }
.mainheader .menu-btn:checked ~.menu-icon .nav-icon
    {
    background: transparent;
    
    }
.mainheader .menu-btn:checked ~.menu-icon .nav-icon:before
    {
    transform: rotate(-45deg);
    top:0;
    } 
.mainheader .menu-btn:checked ~.menu-icon .nav-icon:after
    {
    transform: rotate(45deg);
    top:0;
    }

.mainheader nav a:hover, .mainheader nav a:active,
.mainheader nav .active a:link, .mainheader nav .active a:visited
    {

	background-color:#f7f7f7;
	color:#4F3E3E;
	text-shadow:none;	

	}
.mainheader nav ul li a
    {
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
        
        
.mainheader1        
 {display: none;}      
        
      
  }