@media (max-width:1619px) {
/* Main Menu Area css
============================================================================================ */
.header_area .navbar .search {
margin-left: 40px;
}
/* End Main Menu Area css
============================================================================================ */
.testimonials_area .owl-prev, .testimonials_area .owl-next {
right: 15px;
}
}
@media (max-width:1300px) {
.testimonials_area .owl-prev, .testimonials_area .owl-next {
right: auto;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
top: auto;
}
.testimonials_area .owl-prev {
transform: rotate(90deg);
}
.testimonials_area .owl-next {
transform: rotate(90deg);
margin-left: -40px;
}
}
@media (max-width:1199px) {

/* Main Menu Area css
============================================================================================ */
.header_area .navbar .nav .nav-item {
margin-right: 5px;
}
body {
    font-size: 14px!important;
	}
.top-header-left ul li {
    font-size: 14px!important;
	}
.top-header-left {
    margin-left: 1em;
	}
	.header_area .navbar .nav .nav-item .nav-link {
    font: 700 13px/0px "Open Sans", sans-serif;
padding: 15px;
}
/* End Main Menu Area css
============================================================================================ */
/* Home Banner Area css
============================================================================================ */
.home_banner_area {
min-height: 700px;
}
.home_banner_area .banner_inner {
min-height: 700px;
}
/* End Home Banner Area css
============================================================================================ */

/* Element Area css
============================================================================================ */

.area-padding {
padding: 80px 0;
}
.area-heading {
margin-bottom:0;
}

/* End Element Area css
============================================================================================ */

/* Service Area css
============================================================================================ */

.service-area .single-service {
margin-bottom: 30px;
}

/* End service Area css
============================================================================================ */

.testimonial-area .owl-dots {
bottom: -30px;
}
#search_input_box {
max-width: 930px;
}
.testimonial-area.area-padding {
padding: 80px 0 100px;
}
.single-blog {
margin-bottom: 30px;
}
}
@media (max-width:991px) {
/* Main Menu Area css
============================================================================================ */
.navbar-toggler {
border: none;
border-radius: 0px;
padding: 0px;
cursor: pointer;
margin-top: 27px;
margin-bottom: 23px;
}
.header_area .navbar {
background: #fff;
}
.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
opacity: 1;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] span:first-child {
transform: rotate(-45deg);
position: relative;
top: 7.5px;
}
.navbar-toggler[aria-expanded="true"] span:last-child {
transform: rotate(45deg);
bottom: 6px;
position: relative;
}
.navbar-toggler span {
display: block;
width: 25px;
height: 3px;
background: #34277f;
margin: auto;
margin-bottom: 4px;
transition: all 400ms linear;
cursor: pointer;
}
.navbar .container {
padding-left: 15px;
padding-right: 15px;
}
.nav {
padding: 0px 0px;
}
.header_area + section, .header_area + row, .header_area + div {
margin-top: 117px;
}
.header_top .nav {
padding: 0px;
}
.header_area .navbar .nav .nav-item .nav-link {
line-height: 10px;
margin-right: 0px;
display: block;
border-bottom: 1px solid #ededed33;
border-radius: 0px;
}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height: 5px;
}
.header_area .navbar .search {
margin-left: 0px;
}
.header_area .navbar-collapse {
max-height: 340px;
overflow-y: scroll;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
padding: 0px 15px;
}
.header_area .navbar .nav .nav-item {
margin-right: 0px;
}
.header_area + section, .header_area + row, .header_area + div {
margin-top: 80px;
}
/* End Main Menu Area css
============================================================================================ */
/* Blog page Area css
============================================================================================ */
.categories_post img {
width: 100%;
}
.categories_post {
max-width: 360px;
margin: 0 auto;
}
.blog_categorie_area .col-lg-4 {
margin-top: 30px;
}
.blog_area {
padding-bottom: 80px;
}
.single-post-area .blog_right_sidebar {
margin-top: 30px;
}
/* End Blog page Area css
============================================================================================ */

/* Contact Page Area css
============================================================================================ */
.contact_info {
margin-bottom: 50px;
}
/* End Contact page Area css
============================================================================================ */
.home_banner_area .donation_inner {
margin-bottom: -30px;
}
.home_banner_area .dontation_item {
max-width: 350px;
margin: auto;
}
/* Footer Area css
============================================================================================ */
.footer-area .col-sm-6 {
margin-bottom: 30px;
}
.single-footer-widget .form-group .main_btn {
margin-top: 0;
}
/* End End Footer Area css
============================================================================================ */
.finance_item {
margin-bottom: 30px;
}
.finance_inner {
margin-bottom: -30px;
}
.team_item {
max-width: 263px;
margin: 0px auto 30px;
}
.packages_text {
margin-bottom: 50px;
}
.packages_item {
max-width: 360px;
margin: 0px auto 30px;
}
.packages_inner {
margin-bottom: -30px;
}
.l_blog_item img {
width: 100%;
}
.news_widget {
padding-left: 0px;
}
.video_area {
margin-top: 40px;
float: none;
display: block;
}
.video_area > img {
width: 100%;
}
.c_details_list {
margin-top: 30px;
}
.number-content {
padding-top: 0;
}
.single-blog .meta-top a {
margin-right: 5px;
}
.single-blog .meta-top a::after {
display: none;
}
.single_portfolio .short_info {
width: 300px;
}
.area-padding {
padding: 80px 0 50px;
}
.area-padding-top {
padding-top:40px;
}
.number-content h4 br {
display: none;
}
.about-area.area-padding {
padding-bottom: 80px;
}
.about-area {
padding-top:40px;
}
.bpo-area {
padding-top:40px;
}
.about-area .about-content li {
margin-left:18px;
}
.bpo-area .about-content li {
margin-left:18px;
}
.bpo-area {
padding-bottom:40px;
}
.footer-area {
padding-top: 0;
}
}
@media (max-width:767px) {
.header_area + section, .header_area + row, .header_area + div {
margin-top:120px;
}
.home_banner_area {
min-height: 500px;
}
.home_banner_area .banner_inner {
min-height: 500px;
}
.home_banner_area .banner_inner .banner_content {
margin-top: 0px;
}
/* Blog Page Area css
============================================================================================ */
.blog_banner .banner_inner .blog_b_text h2 {
font-size: 40px;
line-height: 50px;
}
.blog_info.text-right {
text-align: left !important;
margin-bottom: 10px;
}
/* End Blog Page Area css
============================================================================================ */
.home_banner_area .banner_inner .banner_content h3 {
font-size: 30px;
}
.home_banner_area .banner_inner .banner_content p br {
display: none;
}
.home_banner_area .banner_inner .banner_content h3 span {
line-height: 45px;
padding-bottom: 0px;
padding-top: 0px;
}
.area-heading h3 {
font-size: 25px;
}
/* Footer Area css
============================================================================================ */
.footer-bottom {
text-align: center;
}
.footer-bottom .footer-social {
text-align: center;
margin-top: 15px;
}
.single-footer-widget .form-group .main_btn {
margin-left: 25px;
}
/* End End Footer Area css
============================================================================================ */
.wd55 {
width: 100%;
}
.courses_inner .courses_item img {
width: 100%;
}
.wd44 {
width: 100%;
}
.course_item img {
width: 100%;
}
.number-content {
padding-top: 50px;
}
.single-blog {
margin-bottom: 50px;
}
.single-footer-widget {
margin-bottom: 50px;
}
.about-area .about-content {
padding-left: 0;
}
.testi_slider .testi_item_content p {
font-size: 14px;
}
.hotline-area p br {
display: none;
}
}
@media (max-width:600px) {
.builder_inner .builder_item {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width:575px) {
.top_menu {
display: none;
}
.header_area + section, .header_area + row, .header_area + div {
margin-top:120px;
}
/* Home Banner Area css
============================================================================================ */
.home_banner_area .banner_inner .banner_content h2 {
font-size: 28px;
}
.home_banner_area {
min-height: 500px;
}
.home_banner_area .banner_inner {
min-height: 500px;
}
.blog_banner .banner_inner .blog_b_text {
margin-top: 0px;
}
.home_banner_area .banner_inner .banner_content img {
display: none;
}
.home_banner_area .banner_inner .banner_content h5 {
margin-top: 0px;
}
/* End Home Banner Area css
============================================================================================ */
.p_120 {
padding-top: 70px;
padding-bottom: 70px;
}
.main_title h2 {
font-size: 25px;
}
/* Elements Area css
============================================================================================ */
.sample-text-area {
padding: 70px 0 70px 0;
}
.generic-blockquote {
padding: 30px 15px 30px 30px;
}
/* End Elements Area css
============================================================================================ */

/* Blog Page Area css
============================================================================================ */
.blog_details h2 {
font-size: 20px;
line-height: 30px;
}
.blog_banner .banner_inner .blog_b_text h2 {
font-size: 28px;
line-height: 38px;
}
/* End Blog Page Area css
============================================================================================ */
/* Footer Area css
============================================================================================ */
.footer-area {
padding:0;
}
/* End End Footer Area css
============================================================================================ */
.pad_top {
padding-top: 70px;
}
.footer-bottom {
padding-top: 20px;
}
.about-area .about-content h4 {
font-size: 24px;
line-height: 34px;
}
.portfolio_area .filters ul li {
margin-right: 17px;
margin-bottom: 10px;
}
.single-testimonial.item.d-flex.flex-row {
display: inline-block !important;
}
.single-testimonial .thumb {
height: 95px;
width: 95px;
margin-bottom: 30px;
}
.testimonial-area .owl-dots {
width: 180px;
}
.single_portfolio .short_info {
left: 10px;
width: 290px;
}
.title-content {
position:absolute;
bottom:-20vw;
left:8%;
width:100%;
}
.title-content h1 {
font-family: "Open Sans", sans-serif;
display: block;
height: auto;
font-size:40px;
font-weight:700;
line-height:1.4;
text-align:left;
color:#1e1261;
text-transform:uppercase;
letter-spacing:0;
}
.title-content h1 span {
font-size:70px;
font-weight:bold;
color:#1e1261;
}
.title-content p {
font-family:"Open Sans", sans-serif;
color:#FFF;
font-size:35px;
font-weight:600;
line-height:1.5em;
text-align:left;
color:#1e1261;
letter-spacing:0;
text-transform:uppercase;
padding-top:0;
padding-bottom:1vw;
}
.title-content h5 a {
font-family:"Open Sans", sans-serif;
background-color:#1e1261;
font-size:36px;
font-weight:600;
color: #fff;
padding-top: 0;
float: left;
text-decoration: none;
padding:20px 30px;
border-radius:50px;
}
}
@media (max-width:480px) {
/* Main Menu Area css
============================================================================================ */
.header_area .navbar-collapse {
max-height: 280px;
}
/* End Main Menu Area css
============================================================================================ */

/* Home Banner Area css
============================================================================================ */
.home_banner_area .banner_inner .banner_content {
padding: 30px 15px;
margin-top: 0px;
}
.banner_content .white_btn {
display: block;
}
/* End Home Banner Area css
============================================================================================ */
.banner_area .banner_inner .banner_content h2 {
font-size: 32px;
}
.home_banner_area {
min-height: 400px;
}
.home_banner_area .banner_inner {
min-height: 400px;
}
/* Blog Page Area css
============================================================================================ */
.comments-area .thumb {
margin-right: 10px;
}

/* End Blog Page Area css
============================================================================================ */
.video_area .popup-youtube img {
width: 15%;
}
.course_details_inner .nav.nav-tabs li {
margin-right: 15px;
}
}