/*----mid section css-----*/
.main_container{padding:0 15px;}
h5.author{font-style: italic;}
.banner_section{position:relative;height: 360px;overflow: hidden;background:url('../images/practice_banner.jpg');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner_caption{position: absolute;top: 8%;left:8%;color: white;max-width: 470px}
.banner_caption h1{font-size: 36px;font-weight: 300;font-family: "Roboto",sans-serif;line-height: 45px;}
.banner_caption p{font-size: 15px;font-weight: 400;font-family: "Roboto",sans-serif;line-height: 30px}

.practice_test{display: flex;align-items: flex-start;border:1px solid #d6d6d6;margin-bottom: 25px;padding:20px;}
.all_practice_tests{padding: 50px 0}
.practice_test .text{padding-left: 30px}
.practice_test h3{margin-top: 0;font-size: 22px;font-weight: 500;font-family: "Roboto",sans-serif;color:#000;}
.practice_test p{margin-bottom:20px;font-size: 14px;line-height:24px;font-weight: 400;font-family: "Roboto",sans-serif;color:#000;}
.practice_test a.start_now{font-size:18px;font-weight: 400;display: inline-block;padding: 10px 25px;border-radius: 2px;background-color: #104378;color: #fff;transition: all 0.2s ease-in-out;text-transform: capitalize;}
.practice_test a.start_now:hover{opacity: 0.9;text-decoration: none;color: #fff}
.m_r_10{margin-right: 20px}
.practice_test img{max-height: 244px;height: 244px}


@media only screen and (max-width:991px){
.practice_test{flex-direction: column}
.practice_test img{height: 100%;margin:0 auto;}
.practice_test .text{padding-top:30px;text-align:center;padding-left: 0}
.practice_test .text .text-left{text-align: center;}
}
@media only screen and (max-width:767px){
.all_practice_tests .main_container{padding: 0 15px}
.practice_test img{width:auto;height:auto;}
.practice_test a.start_now{margin-bottom: 10px}
.practice_test .text{padding-left: 0;}
.banner_caption h1{font-size: 30px;line-height: 35px;padding:0 10px;}
.banner_caption{left:0;right:0;max-width: 100%;text-align: center;}
.banner_caption p{padding: 0 10px;line-height: 26px;font-size:15px;}
}
@media only screen and (max-width:500px){
.m_r_10{margin-right: 0}
.practice_test img{width:100%;height:auto;}
.banner_caption h1{margin-top: 0;}
.practice_test .text{text-align: left;}
}