@media all and (min-width: 1024px) and (max-width: 1123px) {
.logo-box {width:15%;}
.header-right {width:85%;padding: 10px 0 0 0;}
.menu-box ul li a {font-size:16px;}
.menu-box ul li {margin: 0 25px 0 0;}
.content {margin: 20% auto 0;}
.content h3 {font-size:32px;}
.anouncement-box {height: 65px;margin: 44% 0 0;}
.anouncement-box span {width: 20%;line-height: 24px;}
.anouncement-box p {width: 100%;font-size: 16px;line-height: 30px;}
.banner_container .owl-nav {display:none;}
.gallery-container {padding:50px 0;}
.project-container {padding: 60px 20px;}
.project-container ul li {width: 30%;float: left;margin: 0 10px;min-height: 175px;}
.follow-box ul li {margin: 0 6px;}
.programe-container .owl-nav {display:block;}
.project-container h3 {margin: 0 0 50px;}
.follow-container {padding: 60px 0;}
.annual-box {padding:0;}
.news-input .email-field {width:88%;}
.annual-box ul li a {font-size:15px;}
.footer-container {padding: 60px 0 0;}
.footer-social h4 {font-size:18px;}
.footer-box h4 {font-size:18px;}
.footer-box ul li a {font-size:15px;}
.footer-social ul li a {width:40px; height:40px; }
.footer-social ul li {margin: 0 7px 0 0;}
.copyright p {width:70%;}
.copyright p:last-child {width:30%;}
.anouncement-slide .owl-nav {display: block !important;width: 75px;position: absolute;right: -90px;bottom: 4px;height: 26px;z-index: 9;}
.follow-full-sec ul li {width: 30%;display: block;float: left;margin: 0 16px;}
.profile-badge--width-330 {width: 100% !important;}
.header-container.active-hdr .logo-box img {max-width: 75%;margin: 5px 0 0;}

}

@media all and (min-width: 768px) and (max-width: 1023px) {
.logo-box {width:12%;}
.header-right {width:88%;padding: 10px 0 0 0;}
.menu-box ul li a {font-size:16px;}
.menu-box ul li {margin: 0 10px 0 0;}
.content {margin: 10% auto 0;}
.content h3 {font-size:32px;}
.anouncement-box {height: auto;margin: 46% 0 0;padding: 10px 15px;float: left;}
.anouncement-box span {width: 20%;line-height: 24px;font-size:16px;}
.anouncement-box p {width: 100%;font-size: 13px;line-height: inherit;}
.banner_container .owl-nav {display:none;}
.gallery-container {padding:50px 0;}
.project-container {padding: 60px 20px;}
.project-container ul li {width: 30%;float: left;margin: 0 10px;min-height: 175px;}
.follow-box ul li {margin: 0 6px;}
.programe-container .owl-nav {display:none;}
.project-container h3 {margin: 0 0 50px;}
.follow-container {padding: 60px 0;}
.annual-box {padding:0;}
.news-input .email-field {width:88%;}
.annual-box ul li a {font-size:15px;}
.footer-container {padding: 60px 0 0;}
.footer-social h4 {font-size:18px;}
.footer-box h4 {font-size:18px;}
.footer-box ul li a {font-size:15px;}
.footer-social ul li a {font-size:40px; height:40px;}
.footer-social ul li {margin: 0 7px 0 0;}
.copyright p {width:70%;}
.copyright p:last-child {width:30%;}
.anouncement-slide {width:80%;}
.gallery-inner {margin:0;}
.gallery-sec {width: 100%;padding: 0 15px;transform: inherit;}
.gallery-inner span {text-shadow: 0 2px 1px #000;}
.header-container.active-hdr .logo-box img {max-width: 90%;margin: 12px 0 0;}
.programe-container {padding: 40px 0 40px;}
.follow-full-sec ul li {width: 30%;display: block;float: left;margin: 0 12px;}
.profile-badge--width-330 {width: 100% !important;}
}



@media all and (min-width: 320px) and (max-width: 767px) {
.logo-box img {width:100px;}
.header-right {padding: 0;width: 80px;float: right;}
.menu-box {width: 100%;float: left;position: absolute;top: 0;left: -100%;height: 100%;background: #1a7ddb;z-index: 99;padding: 45px 15px 0; transition:all 0.5s ease-in;}
.menu-box ul li a {font-size:20px; color:#fff;}
.menu-box ul li {float: left;margin: 0 0 10px;display: block;width: 100%;}
.close-menu {position: absolute;display: block;top: 15px;right: 15px;}
.search-sec {width: 30px;float: left;}
.mobile-triger {width: 25px;float: right; margin: 4px 0 0; display:block;}
.mobile-triger span {display:block; width:100%; height:3px; background:#e72525; margin:0 0 4px;}
.content-container {position: static;top: 0;left: 0;height: auto;width: 100%;z-index: 9;background: #1a7ddb; padding: 0 0 55px;}
.content {width: 100%;max-width: 100%;margin: 40px auto 0;display: block;}
.content h3 {font-size:25px; line-height:32px;}
.anouncement-box {width: 100%;height: auto;background: rgba(242,242,241, 0.8);border-radius: 10px;margin: 20px 0 0;padding: 20px;float: left; position:static;}
.anouncement-box span {border-right: 0;text-align: center;width: 100%;padding: 0;}
.anouncement-box p {width: 100%;padding: 0;line-height: 32px;text-align: center;}
.programe-container {padding: 50px 0 50px;}
.programe-container h3 {font-size:35px;}
.programe-top span {font-size:22px;}
.programe-bottom p {font-size:18px;}
.programe-box {padding:30px; min-height:auto;}
.programe-container .owl-nav {display:none;}
.gallery-container.desk {display:block;}
.gallery-container.mobile {display:none;}
.gallery-container {padding:50px 0;}
.gallery-sec {transform: inherit;}
.gallery-inner {margin:0;}
.project-container {padding: 60px 20px;}
.project-container h3 {font-size:30px; margin: 0 0 30px;}
.project-container ul li {width: 100%;float: left;margin: 0 0 25px;}
.follow-container {padding:45px 0 30px;}
.follow-container h3 {margin: 0 0 25px;font-size: 35px;}
.follow-container .nav-tabs > li {margin: 0 0 10px;}
.follow-box ul li {display: block;width: 100%;float: left;margin: 0 0 10px;}
.subscribe-content {margin:0;}
.subscribe-content span {text-align:center;}
.subscribe-content h3 {text-align:center;}
.subscribe-content p {text-align:center;}
.news-input {width:100%; margin:35px 0 0;}
.news-input .email-field {width:88%;}
.annual-box {width: 100%;padding: 0;margin: 20px 0 0;}
.footer-container {padding:50px 0 0;}
.footer-box {width: 100%;float: left;margin: 0;border-bottom: 1px solid #1367b7;padding: 10px 0;} 
.footer-box:nth-child(5) {border-bottom:0;}
.footer-box h4 {text-align: left;display: inline-block;margin: 0;}
.footer-box ul li a {display:block; text-align:left;}
.footer-social {width:100%;margin: 25px 0 0;}
.footer-social h4 {text-align:center;}
.footer-social ul {text-align:center;}
.footer-social ul li {float:none; display:inline-block; margin: 0 5px;}
.copyright { margin: 40px 0 0;}
.copyright p {width: 100%;text-align: center;margin: 0 0 10px;}
.copyright p:last-child {text-align: center;}
.project-container ul li h1 span {font-size:50px;}
.banner_container .owl-nav {display:none;}
.menu-box.active {left: 0;position: fixed;overflow-y: scroll;}
.menu-box ul li a img {display:none;}
.acrdn {width: 15px;z-index: 9;float: right;height: 15px; position:relative;}
.acrdn:after {width:100%; height:2px; background:#fff; content:""; position:absolute; top:15px; display:block;}
.acrdn:before {width:100%; height:2px; background:#fff; content:""; position:absolute; top:15px; display:block;transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.menu-box ul li .sub_dropdown-menu {position: static;background: no-repeat;z-index: 999;width: 100%;display: none;}
.menu-box ul li:hover .sub_dropdown-menu {display:none;}
.acrdn.active:before {display:none;}
.menu-box ul li .sub_dropdown-menu li {border-bottom:0; padding:0; margin:0 0 5px;}


.menu-box ul li .sub_dropdown-menu li:hover .sub_dropdown-menus {display:none;}
.sub_dropdown-menus {position:static; background: no-repeat;width: 100%;}
.acrdns {width: 12px;z-index: 9;float: right;height: 12px; position:relative;}
.acrdns:after {width:100%; height:2px; background:#fff; content:""; position:absolute; top:15px; display:block;}
.acrdns:before {width:100%; height:2px; background:#fff; content:""; position:absolute; top:15px; display:block;transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.acrdns.active:before {display:none;}

.header-container.active-hdr .logo-box img {max-width: 100%;}
.header-container.active-hdr .header-right {padding: 0 0 0;}
.menu-box ul li .sub_dropdown-menu li:hover {background: none;}
.menu-box ul li .sub_dropdown-menu li a {font-size: 16px;}
.anouncement-slide {width:100%;}
.follow-box {width:100%;}
#Twitter .follow-box {width:100%;}
.programe-bottom a {position: static;bottom: auto;left: auto;transform: none;-webkit-transform: none;}
.follow-full-sec ul li {width: 100%;display: block;float: left;margin: 0 0 40px;}
.profile-badge--width-330 {width: 100% !important;}
.banner_container .owl-dots {bottom:0;}
.footer-box .sub_dropdown-menu {display:none;margin: 10px 0 0;}
.anouncement-slide .owl-nav {display: block !important;width: 75px;position: absolute;right: auto;bottom: -55px;height: 26px;z-index: 9;left: 50%;transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.annual-box ul li a span {width:20%;}
.serach-logo {max-width: 45%;}
.search-input {width:100%; height:50px;}
.search-submit {width:100%; height:50px; line-height:50px; margin:10px 0 0;}
.close-srch {right: 20px;top: 20px;}
.follow-full-sec ul {width:100%;}
}