@media only screen and (min-width: 980px) and (max-width:1200px) {
.nav {
background-color: #fff;
 width: 63%;
}
 .banners {
 width: 100%;
}
 .banners_text h1 {
 top: 40%;
 left: 50%;
}
.top_container ul li:first-child {
 width: inherit;
 min-height: 300px;
 margin: 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
#menu-item-13 {
display:none!important;
}
}
 @media only screen and (min-width: 768px) and (max-width: 980px) {
 .ubermenu-responsive .ubermenu-item-level-0 {
    width:100%!important
}

.nav {
 width: 22%;
 background-color: #fff;
}
 .banners {
 width: 100%;
 height: 409px;
}
 .banners_text h1 {
 top: 40%;
 left: 50%;
}
.top_container ul li:first-child {
 width: inherit;
 min-height: 300px;
 margin: 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
 width: 100%!important;
}
 #menu-item-13 {
display:none!important;
}
 .search-form label {
 width: 100%;
}
 .search-submit {
 display: block;
 width: 100%;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
}
 @media only screen and (min-width: 640px) and (max-width: 768px) {
 .ubermenu-responsive .ubermenu-item-level-0 {
    width:100%!important
}.nav {
 width: 30%;
 background-color: #fff;
}
 .banners {
 width: 100%;
height: 346px;
}
 .banners_text h1 {
 top: 40%;
 left: 50%;
}
.top_container ul li:first-child {
 width: inherit;
 min-height: 300px;
 margin: 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
 width: 100%!important;
}
 #menu-item-13 {
display:none!important;
}
 .search-form label {
 width: 79%!important;
}
 .search-submit {
 width: 21%;
}
.top_container ul li {
 float: left;
 width: 48%;
 margin: 1% 1%;
 min-height: 182px;
 position: relative;
 list-style-type: none;
 overflow: hidden;
}
 .latest_blog_left {
margin: 18px auto 0;
float: none;
 width: 96%;
}
 .latest_blog_right {
 width: 96%;
 margin: 18px auto 0;
 border-top: 1px solid #ccc;
 float: none;
 padding: 0%;
}
#search-2 {
 padding: 2%;
 width: 96%;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
}
 @media only screen and (min-width: 480px) and (max-width: 640px) {
 
 .ubermenu-responsive .ubermenu-item-level-0 {
    width:100%!important
}
 


.nav {
 width: 100%;
 background-color: #fff;
 margin: 0;
}
 .banners {
 width: 100%;
 height: 250px;
}
 .banners_text h1 {
 left: 0;
 margin: 0 0 0 5%;
 font-size: 40px;
 top: 50px;
}
.top_container ul li:first-child {
 width: 100%;
 margin: 0;
 min-height: 250px;
 margin: 2% 0% 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
 width: 100%!important;
}
 #menu-item-13 {
display:none!important;
}
 .search-form label {
 width: 79%!important;
}
 .search-submit {
 width: 21%;
}
.top_container ul li {
 float: left;
 width: 100%;
 margin: 2% 0% 0;
 min-height: 182px;
 position: relative;
 list-style-type: none;
 overflow: hidden;
}
 .latest_blog_left {
margin: 18px auto 0;
float: none;
 width: 96%;
}
 .latest_blog_right {
 width: 96%;
 margin: 18px auto 0;
 border-top: 1px solid #ccc;
 float: none;
 padding: 0%;
}
#search-2 {
 padding: 2%;
 width: 96%;
}
 .logo {
 text-align: center;
 padding: 0;
 float: none;
 width: 300px;
 margin: 2% auto;
}
.header {
 position: inherit;
 width: 100%;
 margin: auto;
 z-index: 101;
}
 .latest_blog_left ul {
 float: left;
 width: 96%;
 margin: 1%;
 padding: 0 1%;
 background-image: none;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
}
 @media only screen and (min-width: 481px) and (max-width: 530px) {
 .nav {
 width: 100%;
 background-color: #fff;
 margin: 0;
}
 .banners {
 width: 100%;
 height: 250px;
}
 .banners_text h1 {
 left: 0;
 margin: 0 0 0 5%;
 font-size: 40px;
 top: 50px;
}
.top_container ul li:first-child {
 width: 100%;
 margin: 0;
 min-height: 250px;
 margin: 2% 0% 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
 width: 100%!important;
}
 #menu-item-13 {
display:none!important;
}
 .search-form label {
 width: 79%!important;
}
 .search-submit {
 width: 21%;
}
.top_container ul li {
 float: left;
 width: 100%;
 margin: 2% 0% 0;
 min-height: 182px;
 position: relative;
 list-style-type: none;
 overflow: hidden;
}
 .latest_blog_left {
margin: 18px auto 0;
float: none;
 width: 96%;
}
 .latest_blog_right {
 width: 96%;
 margin: 18px auto 0;
 border-top: 1px solid #ccc;
 float: none;
 padding: 0%;
}
#search-2 {
 padding: 2%;
 width: 96%;
}
 .logo {
 text-align: center;
 padding: 0;
 float: none;
 width: 300px;
 margin: 2% auto;
}
.header {
 position: inherit;
 width: 100%;
 margin: auto;
 z-index: 101;
}
 .latest_blog_left ul {
 float: left;
 width: 96%;
 margin: 1%;
 padding: 0 1%;
 background-image: none;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
}
 @media only screen and (min-width: 200px) and (max-width: 480px) {
 .top_container ul li img {
 min-height: inherit;
}
.top_container ul li:first-child strong a {
 bottom: 23%;
 padding: 4%;
}
.nav {
 width: 100%;
 background-color: #fff;
 margin: 0;
}
 .banners {
width: 100%;
 height: 250px;
 background-color: #dadde6;
 background-image: url(images/banner1.jpg);
	background-repeat: no-repeat;
	background-position: left top;     background-size: cover;
}
.cover-video {
display:none!important
}
 .banners_text h1 {
 left: 0;
 margin: 0 0 0 5%;
 font-size: 40px;
 top: 50px;
}
.top_container ul li:first-child {
 width: 100%;
 margin: 0;
 min-height: 250px;
 margin: 2% 0% 0;
}
.latest_blog {
 width: 98%;
 margin: auto;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
 width: 100%!important;
}
 #menu-item-13 {
display:none!important;
}
 .search-form label {
 width: 79%!important;
}
 .search-submit {
 width: 21%;
}
.top_container ul li {
 float: left;
 width: 100%;
 margin: 2% 0% 0;
 min-height: 182px;
 position: relative;
 list-style-type: none;
 overflow: hidden;
}
 .latest_blog_left {
margin: 18px auto 0;
float: none;
 width: 96%;
}
 .latest_blog_right {
 width: 96%;
 margin: 18px auto 0;
 border-top: 1px solid #ccc;
 float: none;
 padding: 0%;
}
#search-2 {
 padding: 2%;
 width: 96%;
}
 .logo {
 text-align: center;
 padding: 0;
 float: none;
 width: 300px;
 margin: 2% auto;
}
.header {
 position: inherit;
 width: 100%;
 margin: auto;
 z-index: 101;
}
 .latest_blog_left ul {
 float: left;
 width: 96%;
 margin: 1%;
 padding: 0 1%;
 background-image: none;
}
.footer {
padding: 15px 5%;
 width: 90%;
}
}

@media only screen and (max-width:767px){

.banners.newbanner {
    display: flex;
    height: auto;
    flex-direction: column;
}
.new-banner-right-nav, .new-banner-left {
    width: 100%;
}
.new-banner-right-nav ul li {
    font-size: 18px;
    padding: 4px 40px;
}
.new-banner-left {
    width: 100%;
    padding:20px;
    box-sizing: border-box;
    gap: 15px;
}
body.page-template-new_t_home_four .latest_blog_left.newfour{flex-direction: column; padding:0 20px;}

}
