/*---------------------------------------------------------------------------------- 1. Structure and Layout ----------------------------------------------------------------------------------*/
 @keyframes blink {
     50% {
         border-color: #DDDDDD;
    }
}
 body {
     margin-top: -24px;
}
 .category-blog article.hentry {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     float: left;
     margin-bottom: 30px;
     padding-bottom: 30px;
     width: 400px;
     margin-right: 10px;
}
 .category-blog .listpost-content-wrap {
    float: left;
     height: 188px;
     margin-top: -29px;
     overflow: hidden;
     width: 90%;
}
 .category-blog .post-img-wrap a img {
    height: auto;
     position: absolute;
     top: 0%;
     transform: scale(1);
     transition: all 0.3s ease-out 0s;
     width: 100%;
}
 .category-blog .post-img-wrap {
    float: left;
     height: 180px;
     margin-bottom: 25px;
     margin-right: 20px;
     overflow: hidden;
     position: relative;
     width: 370px;
}
 .tag article.hentry {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     float: left;
     margin-bottom: 30px;
     padding-bottom: 30px;
     width: 400px;
     margin-right: 10px;
}
 .tag .listpost-content-wrap {
    float: left;
     height: 188px;
     margin-top: -29px;
     overflow: hidden;
     width: 90%;
}
 .tag .post-img-wrap a img {
    height: auto;
     position: absolute;
     top: 0%;
     transform: scale(1);
     transition: all 0.3s ease-out 0s;
     width: 100%;
}
 .tag .post-img-wrap {
    float: left;
     height: 180px;
     margin-bottom: 25px;
     margin-right: 20px;
     overflow: hidden;
     position: relative;
     width: 370px;
}
 .page-id-2 .header {
     background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9417.jpg") repeat-x scroll center top;
     min-height: 640px;
}
 .page-id-1257 .header {
     background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9416.jpg") repeat-x scroll center top;
     min-height: 680px;
}
 .std1 .std2 li .std3 .parag {
     height: 180px;
}
 .std1 .std2 li .std6 .parag {
     height: 180px;
}
 .std1 .std2 li .std7 .parag {
     height: 180px;
}
 .focus-box:nth-child(n)_ .service-icon_ {
     animation: 0.5s step-end 0s alternate none infinite running blink;
}
 .std1x .std2x li .std6x .parag {
     background-color: #fff;
     clear: both;
     color: #333;
     height: auto;
     margin: 0;
     padding: 20px;
     font-size: 14px;
}
 .std1x .std2x li .std6x {
     background: #fff none repeat scroll 0 0;
     border: 1px solid #eee;
     height: 265px;
     width: 360px;
     padding: 0px;
}
 .std8x {
    display: block;
    float: left;
    margin-top: -20px;
    padding: 0 15px;
}
 .std9x {
    color: #fff;
    display: block;
    float: left;
    margin-left: 135px;
}
 .std9y {
    font-size: 17px !important;
     margin: 10px 0 7px !important;
}
 .std9z {
    border-top: 1px solid #fff;
     font-size: 16px;
     margin: 5px 0 10px;
     padding: 5px 0;
}
 #tag_cloud-2 {
    margin-top: 15px;
}
/* Mobile (Landscape) ------------------------------------- */
 @media only screen and (min-width: 480px) and (max-width: 768px) {
     .page-id-2 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9417.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 490px;
    }
     .page-id-1257 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9416.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 455px;
    }
     .std1 .std2 li .std3 .parag, .std1 .std2 li .std6 .parag, .std1 .std2 li .std7 .parag {
         height: 100%;
    }
}
 @media only screen and (max-width: 768px) {
}
/* Mobile ((Portrait) ------------------------------------- */
 @media only screen and (max-width: 479px) {
     .category-blog .listpost-content-wrap {
        float: left;
         height: 188px;
         margin-top: -25px;
         overflow: hidden;
         width: 100%;
    }
     .category-blog .post-img-wrap a img {
        top: 0;
        height: auto;
         position: absolute;
         width: 100%;
    }
     .category-blog .post-img-wrap a {
        width: 100%;
    }
     .category-blog .post-img-wrap {
        float: left;
         height: 180px;
         margin-bottom: 25px;
         margin-right: 20px;
         overflow: hidden;
         position: relative;
         width: 100%;
    }
     .category-blog article.hentry {
        width: 100%;
    }
     .tag .listpost-content-wrap {
        float: left;
         height: 188px;
         margin-top: -25px;
         overflow: hidden;
         width: 100%;
    }
     .tag .post-img-wrap a img {
        top: 0;
        height: auto;
         position: absolute;
         width: 100%;
    }
     .tag .post-img-wrap a {
        width: 100%;
    }
     .tag .post-img-wrap {
        float: left;
         height: 180px;
         margin-bottom: 25px;
         margin-right: 20px;
         overflow: hidden;
         position: relative;
         width: 100%;
    }
     .tag article.hentry {
        width: 100%;
    }
     .page-id-2 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9417.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 305px;
    }
     .page-id-1257 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9416.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 285px;
    }
     .std1 .std2 li .std3 .parag, .std1 .std2 li .std6 .parag, .std1 .std2 li .std7 .parag {
         height: 100%;
    }
     td a {
         font-size: 95%;
    }
     td {
         font-size: 55%;
        letter-spacing: -0.25px;
         padding: 5px 0;
    }
     #post-58 td {
         font-size: 65%;
        letter-spacing: -0.25px;
    }
     #post-60 td {
         font-size: 65%;
        letter-spacing: -0.25px;
    }
     .navbar-brand {
        width: 80%
    }
     .std1x .std2x li .std6x {
         height: 100%;
         width: 105%;
    }
     .std9y {
        font-size: 17px !important;
         margin: 10px 0 7px !important;
    }
     .std1x .std2x li .std6x .parag {
         height: auto;
    }
     #client-feedbacks .feedback-box {
        height: auto;
    }
}
 @media only screen and (max-width: 320px) {
     .category-blog .listpost-content-wrap {
        float: left;
         height: 188px;
         margin-top: -25px;
         overflow: hidden;
         width: 100%;
    }
     .category-blog .post-img-wrap a img {
        top: 0;
        height: auto;
         position: absolute;
         width: 100%;
    }
     .category-blog .post-img-wrap a {
        width: 100%;
    }
     .category-blog .post-img-wrap {
        float: left;
         height: 180px;
         margin-bottom: 25px;
         margin-right: 20px;
         overflow: hidden;
         position: relative;
         width: 100%;
    }
     .category-blog article.hentry {
        width: 100%;
    }
     .tag .listpost-content-wrap {
        float: left;
         height: 188px;
         margin-top: -25px;
         overflow: hidden;
         width: 100%;
    }
     .tag .post-img-wrap a img {
        top: 0;
        height: auto;
         position: absolute;
         width: 100%;
    }
     .tag .post-img-wrap a {
        width: 100%;
    }
     .tag .post-img-wrap {
        float: left;
         height: 180px;
         margin-bottom: 25px;
         margin-right: 20px;
         overflow: hidden;
         position: relative;
         width: 100%;
    }
     .tag article.hentry {
        width: 100%;
    }
     .page-id-2 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9417.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 305px;
    }
     .page-id-1257 .header {
         background: rgba(0, 0, 0, 0) url("http://theplannereducation.com/home/wp-content/themes/zerif/images/9416.jpg") repeat-x scroll center 75px / 100% auto;
         min-height: 285px;
    }
     td a {
         font-size: 95%;
    }
     td {
         font-size: 40%;
        letter-spacing: -0.25px;
         padding: 5px 0;
    }
     #post-58 td {
         font-size: 90%;
        letter-spacing: -0.25px;
    }
     #post-60 td {
         font-size: 70%;
        letter-spacing: -0.25px;
    }
     #post-55 td {
         font-size: 60%;
        letter-spacing: -0.25px;
    }
     #post-55 td a {
         font-size: 100%;
        letter-spacing: -0.125px;
    }
     .navbar-brand {
        width: 80%
    }
     #client-feedbacks .feedback-box {
        height: auto;
    }
}