/*
Theme Name: History For Kids New
Theme URI: 
Author: History4kids

*/
img,
video {
height: auto; 

max-width: 100%; 

}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {

border: none;

margin-bottom: 0;

margin-top: 0;

padding: 0;

}


/ Make sure embeds and iframes fit their containers. /


embed,
iframe,
object {

margin-bottom: 1.5em;

max-width: 100%;

}



/ Remove bottom on embeds that wrapped in paragraphs via wpautop. /


p > embed:only-child,
p > iframe:only-child,
p > object:only-child {

margin-bottom: 0;

}


.wp-caption,
.gallery-caption {

color: #666;

font-size: 13px;

font-size: 0.8125rem;

font-style: italic;

margin-bottom: 1.5em;

max-width: 100%;

}



.wp-caption img[class*=""wp-image-""] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
text-align: center;
}

figure {
margin: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 17px;
width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
margin-bottom: 17px;
}

.wp-caption {
margin-bottom: 24px;
}

.wp-caption img[class*=""wp-image-""] {
display: block;
margin: 0;
}

.wp-caption {
color: #767676;
}

.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
}

div.wp-caption .wp-caption-text {
padding-right: 10px;
}

div.wp-caption.alignright img[class*=""wp-image-""],
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
padding-right: 0;
}
/*8888888888888888888888888888888888888888888888888888888888888888888888888888888888*/
/*                                    Custom CSS goes here                          */
/*8888888888888888888888888888888888888888888888888888888888888888888888888888888888*/
.article{padding: 0 25px !important;}
.article img{width: 90px !important; float: left !important; margin: 0px 20px 20px 10px;}
.article header{margin: 0 0 10px 0;}

.events-section h3 {background: transparent !important;}

/*Middle ages*/
.parent-pageid-3116 .history-of-egypt, .parent-pageid-2999 .history-of-egypt, .parent-pageid-3114 .history-of-egypt, .parent-pageid-3052 .history-of-egypt, .parent-pageid-379 .history-of-egypt, .parent-pageid-355 .history-of-egypt, .parent-pageid-323 .history-of-egypt, .parent-pageid-343 .history-of-egypt {border-top: #a23cf8 20px solid;}
.parent-pageid-3116 .history-of-egypt-left h2.page-title , .parent-pageid-2999 .history-of-egypt-left h2.page-title , .parent-pageid-3114 .history-of-egypt-left h2.page-title , .parent-pageid-3052 .history-of-egypt-left h2.page-title , .parent-pageid-379 .history-of-egypt-left h2.page-title ,.parent-pageid-355 .history-of-egypt-left h2.page-title, .parent-pageid-323 .history-of-egypt-left h2.page-title, .parent-pageid-343 .history-of-egypt-left h2.page-title{color: #a23cf8; }
/*.parent-pageid-3116 .history-of-egypt-left h2.page-title:after ,  .parent-pageid-2999 .history-of-egypt-left h2.page-title:after ,  .parent-pageid-3114 .history-of-egypt-left h2.page-title:after , .parent-pageid-3052 .history-of-egypt-left h2.page-title:after , .parent-pageid-379 .history-of-egypt-left h2.page-title:after ,.parent-pageid-355 .history-of-egypt-left h2.page-title:after , .parent-pageid-323 .history-of-egypt-left h2.page-title:after , .parent-pageid-343 .history-of-egypt-left h2.page-title:after {border-bottom: #a23cf8 3px solid;}*/
/*.parent-pageid-3116 .history-of-egypt-left h3,  .parent-pageid-2999 .history-of-egypt-left h3,  .parent-pageid-3114 .history-of-egypt-left h3, .parent-pageid-3052 .history-of-egypt-left h3, .parent-pageid-379 .history-of-egypt-left h3,.parent-pageid-355 .history-of-egypt-left h3 , .parent-pageid-323 .history-of-egypt-left h3 , .parent-pageid-343 .history-of-egypt-left h3{background: #a23cf8;}*/
/*End of Middle ages*/

/*American*/
.parent-pageid-2045 .history-of-egypt, .parent-pageid-2059 .history-of-egypt{border-top: #4bdf51 20px solid;}
.parent-pageid-2045 .history-of-egypt-left h2.page-title, .parent-pageid-2059 .history-of-egypt-left h2.page-title {color: #4bdf51; }
/*.parent-pageid-2045 .history-of-egypt-left h2.page-title:after, .parent-pageid-2059 .history-of-egypt-left h2.page-title:after {border-bottom: #4bdf51 3px solid;}*/
/*.parent-pageid-2045 .history-of-egypt-left h3, .parent-pageid-2059 .history-of-egypt-left h3 {background: #4bdf51;}*/

/*End of american*/


/*World war 1*/

.page-id-2744 .middle-ages-section{background: #008102;}

.parent-pageid-3227 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3227 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3227 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3227 .history-of-egypt-left h3{background: #008102;}*/

.parent-pageid-3193 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3193 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3193 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3193 .history-of-egypt-left h3{background: #008102;}*/

.parent-pageid-3205 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3205 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3205 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3205 .history-of-egypt-left h3{background: #008102;}*/


.parent-pageid-3200 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3200 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3200 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3200 .history-of-egypt-left h3{background: #008102;}*/

/*End of world war 1*/
/*World war 2*/
.page-id-2926 .middle-ages-section{background: #008102;}

.parent-pageid-3294 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3294 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3294 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3294 .history-of-egypt-left h3{background: #008102;}*/


.parent-pageid-3343 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3343 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3343 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3343 .history-of-egypt-left h3{background: #008102;}*/

.parent-pageid-3324 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3324 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3324 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3324 .history-of-egypt-left h3{background: #008102;}*/

.parent-pageid-3266 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3266 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3266 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3266 .history-of-egypt-left h3{background: #008102;}*/

.parent-pageid-3373 .history-of-egypt{border-top: #008102 20px solid; }
.parent-pageid-3373 .history-of-egypt-left h2.page-title{color: #008102;}
/*.parent-pageid-3373 .history-of-egypt-left h2.page-title:after{border-bottom: #008102 3px solid;}*/
/*.parent-pageid-3373 .history-of-egypt-left h3{background: #008102;}*/
/*End of world war 2*/


.world-war-content ul li .war-content ul li a {color: #fcba02;}
.world-war-content ul li .war-content ul li a:hover {color: #3d3b34;}
.world-war-content ul li .war-content ul li a:visited {color: #fcba02;}

.egypt-text ul li a{color: #fff;}
.greece-text ul li a{color: #fff;}
.asia-text ul li a{color: #fff;}
.china-text ul li a{color: #fff;}
.btm-section ul li ul li a{color: #fff;}

.egypt-text ul li a:hover {color: #3b3b34;}
.greece-text ul li a:hover {color: #3b3b34;}
.asia-text ul li a:hover {color: #3b3b34;}
.china-text ul li a:hover {color: #3b3b34;}
.btm-section ul li ul li a:hover {color: #3b3b34;}

.egypt-text ul li a:visited {color: #fff;}
.greece-text ul li a:visited {color: #fff;}
.asia-text ul li a:visited {color: #fff;}
.china-text ul li a:visited {color: #fff;}
.btm-section ul li ul li a:visited {color: #fff;}



.ancient-egypt-content ul li .image1{max-width: 92px;}
.middle-ages0 ul li .image1{max-width: 92px;}
.middle-ages1 ul li .image1{max-width: 92px;}
.middle-ages2 ul li .image1{max-width: 92px;}
.middle-ages3 ul li .image1{max-width: 92px;}
.middle-ages4 ul li .image1{max-width: 92px;}
.middle-ages5 ul li .image1{max-width: 92px;}

.history-of-egypt-left ul ul {
    padding: 10px 0 0 20px;
}

/*.egypt-text a h3 span {
    width: auto;
    float: left;
    margin: 0px;
    padding: 0 35px;
    line-height: 50px;
    background: #fff;
    border-radius: 7px 7px 0 0;
    font-family: 'comicbd_0';
    font-size: 30px;
    color: #fa830d;
    font-weight: normal;
}*/

.history-of-egypt-right section{
    text-align: center;
    margin: 0px 0 25px 0;
}




.egypt-text h3 a span:hover{background:#000; color:#fff;}
.greece-text h3 span:hover{background:#000; color:#fff;}
.world-war-content ul li h3:hover{background:#000; color:#fff;}
.asia-text h3 span:hover{background:#000; color:#fff;}
.china-text h3 span:hover{background:#000; color:#fff;}


.btm-section ul li h3 a{
    float: left;
    padding: 5px;
    line-height: 34px;
    font-family: 'comicbd_0';
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}
.btm-section ul li h3 a:hover{text-decoration: underline; background-color: #fff; color: #000;}


.ancient-egypt-content ul li h3 a {
    float: left;
    margin: 0px 0 20px 0;
    padding: 5px 0;
    line-height: 34px;
    font-family: 'comicbd_0';
    font-size: 30px;
    color: #fff;
    font-weight: normal;

}

.ancient-egypt-content ul li h3 a:hover{text-decoration: underline; background-color: #fff; color: #000;}

.not-found {
    width: 100%;
    float: left;
    margin: 7% 0;
    padding: 10px;
    text-align: center;
}
.gr_title{
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pagination{
	clear: both;
}

.article {
	width:33%;
    float: left;
    margin: 35px 0 15px;
    padding: 0 30px;
}
.article img{
	width: 100%;
	height: auto;
	float: right;
}
.history-of-egypt-left h3{
    width: 100%;
    float: right;
    margin: 0px 0 30px;
    /*padding: 0px 15px;*/
    font-family: 'comicbd_0';
    font-size: 24px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 48px;
    font-weight: normal;
    /*background: #fa830d;*/
}
.history-of-egypt-left p,.history-of-egypt-left p span{
    font-size: 22px !important;
    padding: 0px 0 25px 0;
    margin: 0px;
    line-height: 26px;
    color: #333333;
    font-weight: 300;
}

.history-of-egypt-left strong{
font-weight: 700;
}
.events-section{
    margin: 20px 0 25px 0 !important;
}
.events-section h3{
    background: #4bdf51;
}
.events-section ul li{
    color: #fff;
}
.history-of-egypt-left h4{
    font-size: 20px;
    padding: 0px 0 10px 0;
    margin: 0px;
    line-height: 22px;
    color: #333333;
    font-weight: 700;
}
.history-of-egypt-left ul, .history-of-egypt-left ol 
 {
    padding: 0 0 20px 20px;
}
.history-of-egypt-left li{
    font-size: 22px;
    padding: 0px 0 25px 0;
    margin: 0px;
    line-height: 26px;
    color: #333333;
    font-weight: 300;
    float: left;
    width: 100%;
}
.history-of-egypt-left p img.alignnone {
    /*padding: 0 70px 20px 0;
    float: left;*/
    margin: 0px 0 30px;
}
.middle-ages-section1 ul li.color0 {
    background: rgb(219, 57, 160);
}
.middle-ages-weapon ul, .middle-ages-section1 ul,.middle-ages0 ul,.middle-ages1 ul,.middle-ages2 ul,.middle-ages3 ul{
    display: flex;
    flex-wrap: wrap;
}
.middle-ages-section1 ul li h3 a{
    float: left;
    margin: 0px 0 20px 0;
    padding: 5px 0;
    line-height: 34px;
    font-family: 'comicbd_0';
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}
.middle-ages-section1 ul li h3 a:hover {
    text-decoration: underline;
    background-color: #fff;
    color: #000;
}
.middle-ages0 ul li h3 a{
float: left;
margin: 0px 0 20px 0;
padding: 0 2px 10px 2px;
line-height: 24px;
font-family: 'comicbd_0';
font-size: 24px;
color: #4bdf51;
font-weight: normal;
}
.middle-ages0 ul li h3 a:hover {
    text-decoration: underline;
    background-color: #4bdf51;
    color: #fff;
}
.middle-ages1 ul li h3 a {
    float: left;
    margin: 0px 0 20px 0;
    padding: 0 2px 10px 2px;
    line-height: 24px;
    font-family: 'comicbd_0';
    font-size: 24px;
    color: #d51d1d;
    font-weight: normal;
}
.middle-ages1 ul li h3 a:hover {
    text-decoration: underline;
    background-color: #d51d1d;
    color: #fff;
}
.middle-ages2 ul li h3 a{
float: left;
margin: 0px 0 20px 0;
padding: 0 2px 10px 2px;
line-height: 24px;
font-family: 'comicbd_0';
font-size: 24px;
color: #459dff;
font-weight: normal;
}
.middle-ages2 ul li h3 a:hover {
    text-decoration: underline;
    background-color: #459dff;
    color: #fff;
}
.middle-ages3 ul li h3 a{
float: left;
margin: 0px 0 20px 0;
padding: 0 2px 10px 2px;
line-height: 24px;
font-family: 'comicbd_0';
font-size: 24px;
color: #008102;
font-weight: normal;
}
.middle-ages3 ul li h3 a:hover {
    text-decoration: underline;
    background-color: #008102;
    color: #fff;
}

.middle-ages0{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#4bdf51}
.middle-ages0 h2{width:100%; float:left; margin:0px 0 30px 0; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#ffffff; font-weight:normal; text-align:center}
.middle-ages0 ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages0 ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#3eb843 5px 5px 5px; background:#ffffff}
.middle-ages0 ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages0 ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#4bdf51; font-weight:normal;}
/* .middle-ages0 ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#333333; line-height:22px; font-weight:400;} */
.middle-ages0 ul li p {
    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    font-weight: 400;
}
/* .middle-ages0 ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;} */

.middle-ages0 ul li .image1 {
    float: left;
    margin: 0px 10px 15px 0;
    padding: 0px;
}
.middle-ages0 ul li .image1 img{max-width:100%; height:auto;} 
.read6{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#4bdf51; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read6:hover{background:#000; color:#fff}

.middle-ages1{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#d51d1d}
.middle-ages1 h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.middle-ages1 ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages1 ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#af1818 5px 5px 5px; background:#ffffff}
.middle-ages1 ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages1 ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#d51d1d; font-weight:normal;}
/* .middle-ages1 ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#333333; line-height:22px; font-weight:400;} */

.middle-ages1 ul li p {
    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    font-weight: 400;
}

/* .middle-ages1 ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;} */
.middle-ages1 ul li .image1 {
    float: left;
    margin: 0px 10px 15px 0;
    padding: 0px;
}
.middle-ages1 ul li .image1 img{width:100%; height:auto;} 
.read7{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#d51d1d; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read7:hover{background:#000; color:#fff}

.middle-ages2{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#459dff}
.middle-ages2 h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.middle-ages2 ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages2 ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#3981d2 5px 5px 5px; background:#ffffff}
.middle-ages2 ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages2 ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#459dff; font-weight:normal;}
/* .middle-ages2 ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#333333; line-height:22px; font-weight:400;} */

.middle-ages2 ul li p {

    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    font-weight: 400;

}
/* .middle-ages2 ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;} */

.middle-ages2 ul li .image1 {

    float: left;
    margin: 0px 10px 15px 0;
    padding: 0px;

}
.middle-ages2 ul li .image1 img{width:100%; height:auto;} 
.read8{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#459dff; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read8:hover{background:#000; color:#fff}

.middle-ages3{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#008102}
.middle-ages3 h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.middle-ages3 ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages3 ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#006a02 5px 5px 5px; background:#ffffff}
.middle-ages3 ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages3 ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#008102; font-weight:normal;}
/* .middle-ages3 ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#333333; line-height:22px; font-weight:400;} */

.middle-ages3 ul li p {

    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    font-weight: 400;

}

.middle-ages3 ul li .image1 {

    float: left;
    margin: 0px 10px 15px 0;
    padding: 0px;

}
/* .middle-ages3 ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;} */
.middle-ages3 ul li .image1 img{width:100%; height:auto;} 
.read9{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#008102; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read9:hover{background:#000; color:#fff}

.page-id-19 .ancient-egypt-section {
    background: #4bdf51;
}
.page-id-1881 .middle-ages-section {
    background: #4bdf51;
}

.page-template-template-worksheets-page.parent-pageid-24 .history-of-egypt {
    border-top: #db39a0 20px solid;
}
.page-template-template-woksheets-main.page-id-24 .middle-ages-section{padding: 20px 0; background: #db39a0;}
.page-template-template-woksheets-main.page-id-24 .middle-ages-section .ancient-egypt-left{ width: 50%; margin: 50px 0 0 0; }
.page-template-template-woksheets-main.page-id-24 .middle-ages-section1 ul li .image1{overflow: visible; margin: 0 12%;}
.page-template-template-woksheets-main.page-id-24 .middle-ages-section1 ul li .image1 img{margin: 0 50%;}
.page-template-template-woksheets-main.page-id-24 .middle-ages-section1 ul li h3 a{margin: 0px;}


.page-template-template-worksheets-page.parent-pageid-2190 .history-of-egypt {
    border-top: #db39a0 20px solid;
}
.page-template-template-worksheets-page.parent-pageid-2190 .history-of-egypt-left ul{
    margin: 0 0 20px 0;
}
.page-template-template-worksheets-page.parent-pageid-2190 .history-of-egypt-left li{
    width: 30%;
    float: left;
    margin: 10px;
    list-style: none;
    border: 1px solid;
    text-align: center;
}
.page-template-template-worksheets-page.parent-pageid-2190 .history-of-egypt-left ul li h3{
    background: #459dff;
}




.page-template-template-worksheets-page.parent-pageid-24 .history-of-egypt-left ul{
    margin: 0 0 20px 0;
}
.page-template-template-worksheets-page.parent-pageid-24 .history-of-egypt-left li{
    width: 30%;
    float: left;
    margin: 10px;
    list-style: none;
    border: 1px solid;
    text-align: center;
}
.page-template-template-worksheets-page.parent-pageid-24 .history-of-egypt-left ul li h3{
    background: #459dff;
}



.god-images ul {list-style: none;max-width: 960px;margin: 0 auto;}
.god-images ul li {width: 150px;float: left;margin: 3px;padding: 8px;list-style: none;background: linear-gradient(to right, #fff, #80001b);color: #fff;text-align: center;}

.god-images ul li:nth-child(odd){background: linear-gradient(to right, #cfc60a, #80001b);}
.god-images ul li:nth-child(even){background: linear-gradient(to right, #80001b, #cfc60a);}

.god-images ul li a {width: 100%;font-weight: 700;color: #fff;text-decoration: underline;width: 100%;float: left;text-transform: capitalize;}
.god-images ul li a:hover{text-decoration: none;}





















.key-timeline { width: 100%; float: left; margin: 10px 0 0; padding: 0; }
.key-timeline h2 { color: #fff !important;}

.key-timeline h1 { width: 100%; float: left; margin: 0; padding: 0 0 15px; color: #333; font-size:
28px; font-weight: 400; font-family: comic sans ms, Arial, Helvetica, sans-serif; }

.first-year { width: 100%; float: left; margin: 0; padding: 15px; background: #f88900;
border-radius: 15px; box-sizing: border-box; }


.first-year-left { width: 48.5%; float: left; margin: 0; padding: 0; }

.first-year-right { width: 48.5%; float: right; margin: 0; padding: 0; }

.first-year-left ul, .first-year-right ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.first-year-left ul li,.first-year-right ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }
.first-year-left ul li span, .first-year-right ul li span { font-weight: 700; }

.no-border { border: 0 !important; padding: 12px 0 0 32px !important;
}

.first-year-sub { width: 100%; float: left; margin: 0; padding: 10px; background: #ffebd1;
border-radius: 10px; box-sizing: border-box; color: #000; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 24px; }



.second-year { width: 100%; float: left; margin: 40px 0 0; padding: 15px; background: #29c5f6;
border-radius: 15px; box-sizing: border-box; }
.second-year-sub { width: 100%; float: left; margin: 0; padding: 10px; background: #00a3d6;
border-radius: 10px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 24px; }

.second-year-left { width: 48.5%; float: left; margin: 0; padding: 0; }
.second-year-right { width: 48.5%; float: right; margin: 0; padding: 0; }
.second-year-left ul, .second-year-right ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.second-year-left ul li,.second-year-right ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }
.second-year-left ul li span, .second-year-right ul li span { font-weight: 700; }

.third-year { width: 100%; float: left; margin: 40px 0 0; padding: 15px; background: #980f01;
border-radius: 15px; box-sizing: border-box; }
.third-year-sub { width: 100%; float: left; margin: 0; padding: 10px; background: #d16257;
border-radius: 10px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 24px; }

.third-year-left { width: 48.5%; float: left; margin: 0; padding: 0; }
.third-year-right { width: 48.5%; float: right; margin: 0; padding: 0; }
.third-year-left ul, .third-year-right ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.third-year-left ul li,.third-year-right ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }
.third-year-left ul li span, .third-year-right ul li span { font-weight: 700; }

.fourth-year { width: 100%; float: left; margin: 40px 0 0; padding: 15px; background: #0f640f;
border-radius: 15px; box-sizing: border-box; } .fourth-year-sub { width: 100%; float: left; margin:
0; padding: 10px; background: #3ca33c; border-radius: 10px; box-sizing: border-box; color: #fff;
font-size: 16px; font-weight: 400; font-family: Arial,Helvetica,sans-serif; line-height: 24px; }


.fourth-year-left { width: 48.5%; float: left; margin: 0; padding: 0; }
.fourth-year-right { width: 48.5%; float: right; margin: 0; padding: 0; }
.fourth-year-left ul, .fourth-year-right ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.fourth-year-left ul li,.fourth-year-right ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }
.fourth-year-left ul li span, .fourth-year-right ul li span { font-weight: 700; }


.fifth-year { width: 100%; float: left; margin: 40px 0 0; padding: 15px; background: #b29008;
border-radius: 15px; box-sizing: border-box; } .fifth-year-sub { width: 100%; float: left; margin:
0; padding: 10px; background: #ffeda5; border-radius: 10px; box-sizing: border-box; color: #333;
font-size: 16px; font-weight: 400; font-family: Arial,Helvetica,sans-serif; line-height: 24px; }

.fifth-year-left { width: 48.5%; float: left; margin: 0; padding: 0; }
.fifth-year-right { width: 48.5%; float: right; margin: 0; padding: 0; }
.fifth-year-left ul, .fifth-year-right ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.fifth-year-left ul li,.fifth-year-right ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }
.fifth-year-left ul li span, .fifth-year-right ul li span { font-weight: 700; }

.sixth-year { width: 100%; float: left; margin: 40px 0 0; padding: 15px; background: #905000;
border-radius: 15px; box-sizing: border-box; } .sixth-year-sub { width: 100%; float: left; margin:
0; padding: 10px; background: #f88900; border-radius: 10px; box-sizing: border-box; color: #fff;
font-size: 16px; font-weight: 400; font-family: Arial,Helvetica,sans-serif; line-height: 24px; }

.no-border { border: 0 !important; padding: 12px 0 0 32px !important; }
.sixth-year-left ul { width: 100%; float: left; margin: 0 0 15px 0; padding: 0; }
.sixth-year-left ul li { width: 100%; float: left; margin: 0 0 0; padding: 12px 0 12px 32px;
box-sizing: border-box; list-style: none; color: #fff; font-size: 16px; font-weight: 400;
font-family: Arial,Helvetica,sans-serif; line-height: 22px; background-image:
url(../images/arrow1.png); background-repeat: no-repeat; background-position: left top;
border-bottom: #ffb150 2px dotted; }


.page-id-2949  .first-year-left, .page-id-2949  .first-year-right,.page-id-2949  .second-year-left, .page-id-2949  .second-year-right,.page-id-2949  .third-year-left,
    .page-id-2949  .third-year-right, .page-id-2949  .fourth-year-right,.page-id-2949  .fourth-year-left,.page-id-2949  .fifth-year-left,
    .page-id-2949  .fifth-year-right, .page-id-2949  .sixth-year-left  {width:100%;}
.page-id-2887 .first-year-left{width: 100%;}

 .page-id-2949  .key-timeline{margin-bottom: 20px;}




.arp-wardens {
    width: 100%;
    float: left;
    margin: 0;
    padding: 25px 25px 40px;
    background: #2d2d2d;
    box-sizing: border-box;
}
.arp-wardens h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.ww2-images {
    float: right;
    margin: 0 0 10px 20px;
    padding: 0;
    width: 324px;
}
.arp-wardens p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;

}

.ww2-images1 {
    float: left;
    margin: 5px 20px 0 0;
    padding: 0;
    width: 348px;
}
.page-id-3481 .arp-wardens h5 {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    
}
.page-id-3481 .arp-wardens h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.arp-duties {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    padding: 25px 15px;
    background: url(http://cbwebzone.com/historyforkids/wp-content/uploads/2019/07/arp-bg.jpg);
    border-radius: 10px;
    box-sizing: border-box;
}
.page-id-3481 .history-of-egypt-left h2:after {

    border-bottom: none;
    
}
.arp-duties ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.arp-duties ul li {
    width: 166px;
    text-align: center;
    list-style: none;
    float: left;
    margin: 0 12px 20px;
    padding: 0;
	color: #000;
    font-size: 14px;
    color: #000;
    line-height: 18px;
    font-weight: 400;
}
.arp-duties ul li img{
    width: 85%;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
    color: #000;
    text-align: center;
  
    font-size: 14px;
    color: #000;
    line-height: 18px;
    font-weight: 400;
}

.joint {
    width: 100%;
    float: left;
    margin: -18px 0 -22px;
    padding: 0;
    position: relative;
    z-index: 999;
}
.joint ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.joint ul li {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.blackout {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #5d0819;
    box-sizing: border-box;
}
.blackout h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
   }
.blackout p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
   
}
.page-id-3481 .blackout h5 {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
  
}
.effect-of-children {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #201f7a;
    box-sizing: border-box;
}
.page-id-3481 .effect-of-children h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.ww2-large-img {
    float: right;
    margin: 10px 0 30px;
    padding: 0;
    width: 100%;
    text-align: center;
}
.effect-of-children p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;    
}
.evacuation {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #ab8407;
    box-sizing: border-box;
}
.evacuation h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;

}
.evacuation p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
   
}
.essiential-supplies {
    width: 582px;
    float: left;
    margin: 0;
    padding: 0;
}
.essiential-supplies ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
   list-style: none;
}


.essiential-supplies ul li .icon {
    margin: 0 15px 0 0;
    padding: 0;
    line-height: 0;
   float: left;
}
.essiential-supplies ul li span {
float: left;
    margin: 20px 0 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    vertical-align: -webkit-baseline-middle;

}
.essiential-supplies p {
    width: 100%;
    float: left;
    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.page-id-3481 .history-of-egypt-left li {

    float: left;
}
.page-id-3481 .evacuation h5 {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
   
}
.gas-masks {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #107011;
    box-sizing: border-box;
}
.page-id-3481 .gas-masks h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.gas-masks p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
   
}
.identity-cards {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #802ed6;
    box-sizing: border-box;
}
.page-id-3481 .identity-cards h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
  
}
.id ul {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0;
}
.id ul li {
    width: 100%;
    text-align: left;
    list-style: none;
    float: left;
    margin: 0 0 7px;
    padding: 0 0 0 17px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: url(http://cbwebzone.com/historyforkids/wp-content/uploads/2019/07/bullet-icon.png) no-repeat left;
    box-sizing: border-box;
}
.identity-cards p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;

}
.id p {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-weight: 700;
    
}
.page-id-3481 .id {
   width: 100%;
    max-width: 582px;
    float: left;
    margin: 0;
    padding: 0;
}
.rationing {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #1cb466;
    box-sizing: border-box;
}
.page-id-3481 .rationing h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
 
}
.rationing p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
  
}
.shelters {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #c52084;
    box-sizing: border-box;
}
.page-id-3481  .shelters h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
   
}
.shelters p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
    
}
.the-blitz {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #2880da;
    box-sizing: border-box;
}
.page-id-3481  .the-blitz h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.the-blitz p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
    
}
.home-guard {
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 25px 40px;
    background: #a20f0f;
    box-sizing: border-box;
}
.page-id-3481 .home-guard h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
}
.home-guard p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
   
}
.home-guard-honours {
     width: 100%;
    max-width: 825px;
    margin: 0 auto;
    padding: 20px 0 0;
    display: table;
}
.page-id-3481  .home-guard-honours h2 {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 30px;
    color: #ffcc3f;
    line-height: 30px;
    font-weight: 700;
    
    text-align: center;
}
.home-guard-honours-medal {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 20px;
    background: #000;
    box-sizing: border-box;
}
.home-guard-honours-medal ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.home-guard-honours-medal ul li {
    width: 140px;
    float: left;
    margin: 0;
    padding: 16px 0;
    list-style: none;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
   
}
.home-guard-honours-medal-mobile {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 20px;
    background: #000;
    box-sizing: border-box;
    display: none;
}
.home-guard-honours-medal-mobile ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.home-guard-honours-medal-mobile ul li {
    float: left;
    margin: 0;
    padding: 16px 5px 16px 0;
    list-style: none;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    
}
.home-guard-honours-medal1 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 20px;
    background: #fff;
    box-sizing: border-box;
}
.home-guard-honours-medal1 ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.home-guard-honours-medal1 ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 14px 0;
    list-style: none;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    border-bottom: #c7c7c7 1px solid;
    line-height: 30px;
}
.home-guard-honours-medal1 ul li .medal {
    width: 140px;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0;
}
.home-guard-honours-medal1 p {

    color: #000;
  
}
@media only screen and (max-width: 479px) {
    .page-template-template-worksheets-page.parent-pageid-24 .history-of-egypt-left li{
    width: 94%;
    }
    .first-year-left, .first-year-right,.second-year-left, .second-year-right,.third-year-left,
    .third-year-right, .fourth-year-right,.fourth-year-left,.fifth-year-left,
    .fifth-year-right, .sixth-year-left  {width:100%;}
.ww2-images {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.blackout {
    padding: 25px 15px 40px;
}
.effect-of-children {
    padding: 25px 15px 40px;
}
.evacuation {
    padding: 25px 15px 40px;
}
.essiential-supplies {
    width: 100%;
}
.essiential-supplies ul li {
    width: 100%;
    text-align: center;
    margin: 0 0 35px;
}
.essiential-supplies ul li span {
    width: 100%;
    text-align: center;
}
.gas-masks {
    padding: 25px 15px 40px;
}
.identity-cards {
    padding: 25px 15px 40px;
}
.rationing {
    padding: 25px 15px 40px;
}
.shelters {
    padding: 25px 15px 40px;
}
.the-blitz {
    padding: 25px 15px 40px;
}
.home-guard {
    padding: 25px 15px 40px;
}
.home-guard-honours {
    width: 100%;
}
.home-guard-honours-medal {
    display: none;
}
.home-guard-honours-medal-mobile {
    display: block;
}
.home-guard-honours-medal1 ul li {
    width: 100%;
    line-height: 20px;
}
.essiential-supplies ul li .icon {
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: table;
    float: none;
}
.arp-duties ul li {
    width: 100%;
    margin: 20px 0;
}

.ww2-images img {
    width: auto;
    height: auto;
}
.page-id-3481 .history-of-egypt-left {
    width: 100% !important;
}
.world-war2 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.arp-wardens {
    padding: 25px 15px 40px;
}
.arp-duties ul li img{float:none;}
.arp-duties ul li p{font-size:32px; margin:25px 0;}
.arp-wardens p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
    float: left;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.ww2-images {
    width: 100%;
    margin: 20px 0;
    text-align: center;

}

.ww2-images img {
    width: auto;
    height: auto;
}
.page-id-3481 .history-of-egypt-left {
    width: 100% !important;
}
.world-war2 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
}
@media only screen and (max-width: 768px) {
	.arp-wardens,.arp-duties,.blackout,.effect-of-children,.evacuation,.gas-masks,.identity-cards,.rationing,.shelters,.the-blitz,.home-guard{width: 97%;}
	.arp-duties ul li p {
    font-size: 32px;
    margin: 25px 0;
    text-align: center;
    float: none;
}
}


/*06Jan2020*/

/*
.middle-ages-section1 ul li p, .middle-ages0 ul li p,.middle-ages1 ul li p,.middle-ages2 ul li p,.middle-ages3 ul li p{
    font-size: 22px !important;
    line-height: 26px !important;
}
.history-of-egypt-left p,.history-of-egypt-left li{
    font-size: 22px;
    line-height: 30px;
}
.container ul li .read4,
.container ul li .read6,
.container ul li .read7,
.container ul li .read8,
.container ul li .read9{
    line-height: 48px;
  font-size: 18px;
}
.middle-ages-section1 ul li h3 a:hover,
.middle-ages0 ul li h3 a:hover,.middle-ages1 ul li h3 a:hover,.middle-ages2 ul li h3 a:hover,.middle-ages3 ul li h3 a:hover{
      background-color: #fff;
    color: #333;
}
.history-of-egypt-left h2:after{
    border-bottom: none !important;
}
.history-of-egypt-left h2{
    font-size:36px !important;
    line-height:36px !important;
}
.history-of-egypt-left h2.page-title{
    font-size:48px;
    line-height:48px;
}
.history-of-egypt-left h3{
    background:#fff;
    color:#333;
}

.history-of-egypt-left h2.page-title:after{
    width: 270px;
    content: '';
    display: block;
    border-bottom: #fcba02 3px solid !important;
padding: 20px 0 0 0;
}*/