@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{width:980px; position:relative; }
.welcome-section{background-attachment:scroll;}
.rome-section{background-attachment:scroll;}
.china-content{background-attachment:scroll;}


#cssmenu > ul > li > a{padding: 0 12px;}
#cssmenu > ul > li{float:left;  margin:0px 5px 0 0; }
.welcome-section-left {    width: 48%;    margin: 0px 0 0 0px;}
.welcome-section-left img{width:100%; height:auto;}
.welcome-section-right{width:48%; float:right; margin:2% 0 0 0px; padding:0px;}
.egypt-text ul li{font-size:15px;}
.rome-section h3 {
    width: 175px;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 75px;
    background: #fff;
    font-size: 48px;
    color: #fcba02;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(-90deg);
    position: absolute;
    left:-50px;
    top:50px;
}
.btm-section ul li{width:23%; float:left; margin:0px 1%; padding:20px; list-style:none; min-height:630px; position:relative;}
.footer-left{width:60%;}

.ancient-egypt-left{width:50%;}
.ancient-egypt-left h2{font-size:34px;}
.ancient-egypt-content ul li h3{font-size:22px;}


.history-of-egypt-right{width:35%;}
}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.welcome-section{background-attachment:scroll;}
.rome-section{background-attachment:scroll;}
.china-content{background-attachment:scroll;}


.menu{width:100%; float:left; margin:-80px 0 0 0; padding:0px;}
 
#cssmenu > ul > li > a{padding: 0 12px;}
#cssmenu > ul > li{float:left;  margin:0px 5px 0 0; }
.welcome-section-left {    width:100%;    margin: 0px 0 0 0px;}
.welcome-section-left img{width:100%; height:auto;}
.welcome-section-right{width:100%; float:right; margin:2% 0 0 0px; padding:0px;}
.egypt-text ul li{font-size:15px;}
.rome-section h3 {
    width: 175px;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 75px;
    background: #fff;
    font-size: 48px;
    color: #fcba02;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(-90deg);
    position: absolute;
    left:-50px;
    top:50px;
}
.egypt-text{width:100%;}
.egypt-image{width:100%; margin:30px 0 0 0}
.greece-text{width:100%;}
.greece-image{width:100%; margin:0px 0 30px 0}
.rome-section-right{width:85%;}
.asia-text{width:100%;}
.asia-image{width:100%; margin:30px 0 0px 0}


.china-text{width:100%;}
.china-image{width:100%; margin:0px 0 30px 0}


.world-war-content ul li .war-content{padding:15px;    min-height:580px;}
.worldwar-history {
    width:88%;
    float: left;
    margin: -30px 0 0px 15px;
    }
.btm-section ul li{width:48%; float:left; margin:0px 1% 30px; padding:20px; list-style:none; min-height:630px; position:relative;}
.footer-left{width:100%;}
.world-war-content ul li .war-content ul li{width:93%; margin:0 0 0 7%; font-size:15px;}
.footer-logo{width:100%; text-align:center;     padding: 0px 0 20px;}
.footer{background-position:right;}




.ancient-egypt-left{width:100%;}
.ancient-egypt-left h2{font-size:34px;}
.ancient-egypt-content ul li h3{font-size:22px;}
.ancient-egypt-right{width:100%; text-align:center;}
.ancient-egypt-content ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; }
.ancient-egypt-content ul li:nth-child(3n+0){margin-right:3%;}
.ancient-egypt-content ul li:nth-child(2n+0){margin-right:0px;}


.middle-ages-right{width:100%; text-align: center}
.middle-ages-section1 ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; }
.middle-ages-section1 ul li:nth-child(3n+0){margin-right:3%;}
.middle-ages-section1 ul li:nth-child(2n+0){margin-right:0px;}


.middle-ages-weapon ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.middle-ages-weapon ul li:nth-child(3n+0){margin-right:3%;}
.middle-ages-weapon ul li:nth-child(2n+0){margin-right:0px;}


.nations ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.nations ul li:nth-child(3n+0){margin-right:3%;}
.nations ul li:nth-child(2n+0){margin-right:0px;}


.medieval-events ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.medieval-events ul li:nth-child(3n+0){margin-right:3%;}
.medieval-events ul li:nth-child(2n+0){margin-right:0px;}


.middle-age-people ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.middle-age-people ul li:nth-child(3n+0){margin-right:3%;}
.middle-age-people ul li:nth-child(2n+0){margin-right:0px;}

.history-of-egypt-left{width:100%;}
.history-of-egypt-right{width:100%; margin:30px 0 0 0}
.right-image-history{text-align:center;}
.right-image-history img{width:auto;}
} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.welcome-section{background-attachment:scroll;}
.rome-section{background-attachment:scroll;}
.china-content{background-attachment:scroll;}


.menu{width:100%; float:left; margin:-80px 0 0 0; padding:0px;}
 
#cssmenu > ul > li > a{padding: 0 12px;}
#cssmenu > ul > li{float:left;  margin:0px 5px 0 0; }
.welcome-section-left {    width:100%;    margin: 0px 0 0 0px;}
.welcome-section-left img{width:100%; height:auto;}
.welcome-section-right{width:100%; float:right; margin:2% 0 0 0px; padding:0px;}
.egypt-text ul li{font-size:15px;}
.rome-section h3 {
    width: 175px;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 75px;
    background: #fff;
    font-size: 48px;
    color: #fcba02;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(-90deg);
    position: absolute;
    left:-50px;
    top:50px;
}
.egypt-text{width:100%;}
.egypt-image{width:100%; margin:30px 0 0 0}
.greece-text{width:100%;}
.greece-image{width:100%; margin:0px 0 30px 0}
.rome-section-right{width:85%;}
.asia-text{width:100%;}
.asia-image{width:100%; margin:30px 0 0px 0}


.china-text{width:100%;}
.china-image{width:100%; margin:0px 0 30px 0}


.world-war-content ul li .war-content{padding:15px;    min-height:580px;}
.worldwar-history {
    width:88%;
    float: left;
    margin: -30px 0 0px 15px;
    }
.btm-section ul li{width:48%; float:left; margin:0px 1% 30px; padding:20px; list-style:none; min-height:630px; position:relative;}
.footer-left{width:100%;}
.world-war-content ul li .war-content ul li{width:93%; margin:0 0 0 7%; font-size:15px;}
.footer-logo{width:100%; text-align:center;     padding: 0px 0 20px;}
.footer{background-position:right;}

.world-war-content ul li {
    width:47%;
    float: left;
    margin: 0px 3% 30px 0;
    padding: 0px;
    list-style: none;
}



.ancient-egypt-left{width:100%;}
.ancient-egypt-left h2{font-size:34px;}
.ancient-egypt-content ul li h3{font-size:22px;}
.ancient-egypt-right{width:100%; text-align:center;}
.ancient-egypt-content ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#d2d2d2 5px 5px 5px}
.ancient-egypt-content ul li:nth-child(3n+0){margin-right:3%;}
.ancient-egypt-content ul li:nth-child(2n+0){margin-right:0px;} 





.middle-ages-right{width:100%; text-align: center}
.middle-ages-section1 ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; }
.middle-ages-section1 ul li:nth-child(3n+0){margin-right:3%;}
.middle-ages-section1 ul li:nth-child(2n+0){margin-right:0px;}


.middle-ages-weapon ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.middle-ages-weapon ul li:nth-child(3n+0){margin-right:3%;}
.middle-ages-weapon ul li:nth-child(2n+0){margin-right:0px;}


.nations ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.nations ul li:nth-child(3n+0){margin-right:3%;}
.nations ul li:nth-child(2n+0){margin-right:0px;}


.medieval-events ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.medieval-events ul li:nth-child(3n+0){margin-right:3%;}
.medieval-events ul li:nth-child(2n+0){margin-right:0px;}


.middle-age-people ul li{width:48.5%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none;  }
.middle-age-people ul li:nth-child(3n+0){margin-right:3%;}
.middle-age-people ul li:nth-child(2n+0){margin-right:0px;}



.history-of-egypt-left{width:100%;}
.history-of-egypt-right{width:100%; margin:30px 0 0 0}
.right-image-history{text-align:center;}
.right-image-history img{width:auto;}
.seprater1 img{width:100%; height:auto;}
} 



@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
.welcome-section{background-attachment:scroll;}
.rome-section{background-attachment:scroll;}
.china-content{background-attachment:scroll;}
.logo img{width:100%; height:auto;}

.menu{width:100%; float:left; margin:-10px 0 0 0; padding:0px;}
.welcome-section-right h2{font-size:40px;}
 
#cssmenu > ul > li > a{padding: 0 12px;}
#cssmenu > ul > li{float:left;  margin:0px 5px 0 0; }
.welcome-section-left {    width:100%;    margin: 0px 0 0 0px;}
.welcome-section-left img{width:100%; height:auto;}
.welcome-section-right{width:100%; float:right; margin:2% 0 0 0px; padding:0px;}
.egypt-text ul li{font-size:15px; width:100%}
.greece-text ul li{width:100%;}
.rome-section h3 {
    width: 175px;
    float: left;
    margin: 0px 0 10px;
    padding: 0px;
    line-height: 75px;
    background: #fff;
    font-size: 48px;
    color: #fcba02;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(-360deg);
    position: relative;
    left:0px;
    top:0px;
}
.egypt-text{width:100%;}
.egypt-image{width:100%; margin:30px 0 0 0}
.greece-text{width:100%;}
.greece-image{width:100%; margin:0px 0 30px 0}
.rome-section-right{width:100%;}
.asia-text{width:100%;}
.asia-image{width:100%; margin:30px 0 0px 0}


.china-text{width:100%;}
.china-image{width:100%; margin:0px 0 30px 0}

.asia-text ul li{width:100%;}
.china-text ul li{width:100%;}
.world-war-content ul li .war-content{padding:15px;    min-height:580px;}
.worldwar-history {
    width:88%;
    float: left;
    margin: -30px 0 0px 15px;
    }
.btm-section ul li{width:100%; float:left; margin:0px 1% 30px; padding:20px; list-style:none; min-height:auto; position:relative;}
.footer-left{width:100%;}
.world-war-content ul li .war-content ul li{width:93%; margin:0 0 0 7%; font-size:15px;}
.footer-logo{width:100%; text-align:center;     padding: 0px 0 20px;}
.footer{background-position:right;}

.world-war-content ul li {
    width:100%;
    float: left;
    margin: 0px 0% 30px 0;
    padding: 0px;
    list-style: none;
}
.read{position:relative; margin:20px 0 0 0;     bottom: 0px;
    left: 10px;}
.read1{position:relative; margin:20px 0 0 0;     bottom: 0px;
    left: 10px;}
.read2{position:relative; margin:20px 0 0 0;     bottom: 0px;
    left: 10px;}
.read3{position:relative; margin:20px 0 0 0;     bottom: 0px;
    left: 10px;}
	
	.footer-logo{width:100%;}
	.footer-logo img{width:100%; height:auto;}







.ancient-egypt-left{width:100%;}
.ancient-egypt-left h2{font-size:30px;}
.ancient-egypt-content ul li h3{font-size:22px;}
.ancient-egypt-right{width:100%; text-align:center;}
.ancient-egypt-right img{width:100%; height:auto;}
.ancient-egypt-content ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; box-shadow:#d2d2d2 5px 5px 5px}
.ancient-egypt-content ul li:nth-child(3n+0){margin-right:0%;}
.ancient-egypt-content ul li:nth-child(2n+0){margin-right:0px;} 	





.middle-ages-right{width:100%; text-align: center}
.middle-ages-section1 ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; }
.middle-ages-section1 ul li:nth-child(3n+0){margin-right:0%;}
.middle-ages-section1 ul li:nth-child(2n+0){margin-right:0px;}


.middle-ages-weapon ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; }
.middle-ages-weapon ul li:nth-child(3n+0){margin-right:0%;}
.middle-ages-weapon ul li:nth-child(2n+0){margin-right:0px;}


.nations ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; }
.nations ul li:nth-child(3n+0){margin-right:0%;}
.nations ul li:nth-child(2n+0){margin-right:0px;}


.medieval-events ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; }
.medieval-events ul li:nth-child(3n+0){margin-right:0%;}
.medieval-events ul li:nth-child(2n+0){margin-right:0px;}


.middle-age-people ul li{width:100%; float:left; margin:0px 0% 30px 0; padding:22px; list-style:none; }
.middle-age-people ul li:nth-child(3n+0){margin-right:0%;}
.middle-age-people ul li:nth-child(2n+0){margin-right:0px;}




.history-of-egypt-left h2{font-size:40px;}
.history-of-egypt-left{width:100%;}
.history-of-egypt-right{width:100%; margin:30px 0 0 0}
.right-image-history{text-align:center;}
.right-image-history img{width:100%;}
.seprater1 img{width:100%; height:auto;}
.painting-img {
    float: right;
    margin: 0 0px 30px 0px;width:100%; height:auto;
}
.river-nile-img {
    float: right;
    margin: 0 0px 30px 0px;width:100%; height:auto;}
.river-nile h3{line-height:normal; padding:10px;}
.events-section{padding:15px;}	
} 




@media only screen and (min-width: 320px) and (max-width: 355px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}