@media(max-width:1440px) {
.app-bnr {
top: 0
}

.fullscreen-banner {
min-height: 600px
}
}

@media(max-width:1400px) {
.navbar-nav .nav-link {
font-size: 12px
}

.education-box .education-box-item:before {
right: -39%
}

.education-box .education-box-item:nth-child(even):before {
left: -39%
}

.education-box .education-box-item:after {
right: -32%;
width: 32%
}

.education-box .education-box-item:nth-child(even):after {
left: -32%
}
}

@media(max-width:1366px) {
.social-icons li a {
width: 40px
}

.fullscreen-banner h1, .fullscreen-banner h2 {
font-size: 60px;
line-height: 60px
}

.fullscreen-banner .align-center {
top: 35%
}
}

@media(max-width:1200px) {
.page-title-alt {
height: 180px
}

.scroll-top {
display: none
}

.featured-item.style-9 .featured-desc {
font-size: 12px
}

.featured-item.style-9 .featured-title span:nth-child(2) {
font-size: 14px
}

.logo {
padding: 0 20px;
padding-left: 0
}

.counter .count-number {
font-size: 36px
}

.education-box .education-box-item:before {
right: -18%
}

.education-box .education-box-item:nth-child(even):before {
left: -17%
}

.lg-pr-5 {
padding-right: 50px !important
}

.lg-mt-3 {
margin-top: 30px !important
}

.lg-mt-5 {
margin-top: 50px !important
}

.lg-mt-7 {
margin-top: 70px !important
}

.header-13 .topbar-link li a {
font-size: 13px
}

.navbar-nav .nav-item {
margin: 0 3px
}

.navbar-nav .nav-link {
font-size: .59em
}

.fullscreen-banner {
min-height: 600px
}

.fullscreen-banner h2 {
font-size: 40px;
line-height: 50px
}

.fullscreen-banner p {
font-size: 18px;
line-height: 28px
}

.about-custom {
margin-top: -50px
}

.about-custom .featured-desc p {
font-size: 13px
}

.featured-item {
padding: 40px 20px
}

.post .post-desc {
padding: 20px
}

.post-meta ul li {
padding: 4px 10px;
margin-right: 5px
}

.counter label {
font-size: 14px
}

.tab .nav-tabs .nav-link {
padding: 10px 20px
}

.tab.style-3 .nav-tabs .nav-link {
padding: 15px 60px
}

.team-member .team-description h5 {
font-size: 17px
}

.team-member.style-3 .team-description {
padding: 10px
}

.team-member .team-description {
padding: 15px
}

.team-member.style-4 .team-description {
padding: 30px
}

.slick-arrow-2.slick-slider .slick-prev, .slick-arrow-2.slick-slider .slick-next {
bottom: -14%
}

.slick-arrow-2.slick-slider .slick-next {
bottom: -22%
}

.causes-desc {
padding: 30px 20px 10px
}

.portfolio-filter button {
font-size: 14px;
padding: 8px 20px
}

.side-navbar .masonry.columns-3 .masonry-brick {
width: 50%
}

.education-box .education-box-item::before {
right: -29%
}

.education-box .education-box-item:nth-child(2n)::before {
left: -28%
}

.education-box .education-box-item::after {
margin-right: -5%;
right: 0;
width: 5%
}

.education-box .education-box-item:nth-child(even):after {
margin-left: -5%;
left: 0;
width: 5%
}

.social-icons li {
margin: 0 7px 0 0
}

.top-unit .top-unit-content span {
font-size: 12px
}

.footer-13 .footer-list li {
padding: 0 8px
}

.footer-13 .secondary-footer span {
font-size: 13px
}

.footer-3 .footer-list li a {
font-size: 15px
}

.footer-3 .social-icons li a {
width: 40px !important;
height: 40px !important;
border-radius: 0 !important;
line-height: 0 !important
}
}

@media(max-width:1199px) and (min-width:993px) {
.logo img {
height: auto;
max-width: 220px
}

.top-unit-holder .top-unit {
margin-right: 40px
}

.top-unit-holder .top-unit:last-child {
margin-right: 0
}

.top-unit .icon {
font-size: 26px;
margin-right: 5px
}

.top-unit .top-unit-content {
margin-left: 5px
}

.top-unit .top-unit-content span {
font-size: 13px
}

.top-unit .top-unit-content p {
font-size: 13px
}
}

@media(max-width:992px) {
.page-title-alt {
height: 140px
}

.main-page .section-mt-20 {
margin-top: -150px !important
}

.shadow {
box-shadow: 0 -0.5rem 1rem rgba(0,0,0,.15) !important
}

.navbar-expand-lg .navbar-toggler {
display: initial
}

.collapse:not(.show) {
display: none !important
}

.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}

.navbar-toggler:focus {
box-shadow: none
}

.lead {
font-size: 16px;
line-height: 26px
}

.featured-item.style-9 .featured-title span:nth-child(2) {
font-size: 15px
}

.top-bar .text-left, .top-bar .text-right {
text-align: center !important
}

.education-box:before {
display: none
}

.education-box .education-box-item {
margin-top: 20%
}

.education-box .education-box-item:nth-child(even) {
margin-top: 0
}

.education-box .education-box-item-1 {
background-color: rgba(0,128,0,0.20);
border-left: rgba(0,128,0,1) 5px solid
}

.education-box .education-box-item-2 {
background-color: rgba(0,136,255,0.15);
border-left: rgba(0,136,255,1) 5px solid
}

.education-box .education-box-item-3 {
background-color: rgba(255,255,0,0.15);
border-left: rgba(255,255,0,1) 5px solid
}

.education-box .education-box-item-4 {
background-color: rgba(255,0,0,0.15);
border-left: rgba(255,0,0,1) 5px solid
}

.md-mt-0 {
margin-top: 0 !important
}

.md-mt-2 {
margin-top: 20px !important
}

.md-mt-3 {
margin-top: 30px !important
}

.md-mt-5 {
margin-top: 50px !important
}

.md-mt-7 {
margin-top: 70px !important
}

.md-mb-3 {
margin-bottom: 30px !important
}

.md-mb-5 {
margin-bottom: 50px !important
}

.md-mb-7 {
margin-bottom: 70px !important
}

.md-px-2 {
padding-left: 20px !important;
padding-right: 20px !important
}

.md-px-3 {
padding-left: 30px !important;
padding-right: 30px !important
}

.md-py-2 {
padding-top: 20px !important;
padding-bottom: 20px !important
}

.md-py-5 {
padding-top: 50px !important;
padding-bottom: 50px !important
}

.md-py-8 {
padding-top: 80px !important;
padding-bottom: 80px !important
}

.md-pt-0 {
padding-top: 0 !important
}

.md-pt-8 {
padding-top: 80px !important
}

.md-text-left {
text-align: left !important
}

.md-text-center {
text-align: center !important
}

#header-wrap {
background: rgba(255,255,255,1);
border-bottom: 0
}

.header-13 .top-bar {
padding: 6px 0
}

#header-wrap {
padding: 35px 0
}

.header-13 #header-wrap .logo {
display: block
}

.navbar {
justify-content: flex-end;
width: 100%;
border-radius: 0 !important
}

.logo img {
max-width: 200px
}

.navbar-brand {
margin-right: 0;
position: absolute;
top: 141px;
padding: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%)
}

.navbar-toggler {
border: 1px solid #68bec9;
background: #fff;
border-radius: 50%;
padding: 15px 18px;
-webkit-box-shadow: 0 18px 42px 0 rgba(28,30,35,0.15);
-moz-box-shadow: 0 18px 42px 0 rgba(28,30,35,0.15);
box-shadow: 0 18px 42px 0 rgba(28,30,35,0.15)
}

.navbar-toggler-icon {
height: inherit;
width: inherit
}

.navbar-toggler-icon::before {
color: #68bec9;
content: "";
font-family: "FontAwesome";
font-size: 21px;
font-style: normal;
font-weight: normal;
text-decoration: inherit
}

.navbar-nav .nav-item {
margin: 0;
padding: 0 8px
}

.navbar-nav .nav-link {
font-size: 14px;
font-weight: 300;
padding: 5px 20px;
color: #fff
}

.header-3 .navbar-nav .nav-link, .header-6 .navbar-nav .nav-link, .header-12 .navbar-nav .nav-link, .header-16 .navbar-nav .nav-link {
color: #fff
}

.navbar-nav .nav-link:hover, .navbar-nav .active .nav-link, #header-wrap.fixed-header .navbar-nav .nav-link:hover, #header-wrap.fixed-header .navbar-nav .active .nav-link {
background: #fff;
color: #68bec9 !important
}

.navbar-nav .nav-link .menu-label::before, .navbar-nav .nav-link .menu-label::after {
display: none
}

.navbar-nav.sm-collapsible .has-submenu {
padding-top: 10px;
padding-bottom: 10px
}

.navbar-collapse {
background: #68bec9;
overflow: auto;
border: medium none;
right: 0;
padding: 10px 0 20px 0;
position: absolute;
top: 88px;
width: 100%
}

.dropdown-menu {
max-width: 100% !important
}

.right-menu {
position: absolute;
right: 70px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%)
}

.main-page .section-mt-30 {
margin-top: 0 !important
}

.sl-slider-wrapper .nav-arrows {
display: none
}

.fullscreen-banner .nav-dots.style-2 {
display: block;
bottom: 20%
}

.side-navbar .page-wrapper {
margin-left: 0
}

.side-navbar.side-navbar-right .page-wrapper {
margin-right: 0
}

.side-navbar .header-1 {
position: absolute;
top: 0;
width: 100%
}

.side-navbar #header-wrap {
background: rgba(255,255,255,0.02);
padding: 10px 0;
width: 100%;
height: auto
}

.side-navbar .navbar-brand {
padding: 0;
width: auto
}

.side-navbar .navbar {
display: flex
}

.about-custom {
margin-top: -70px
}

.about-custom .featured-desc p {
font-size: 16px
}

.side-image {
display: none
}

.img-side.img-right {
left: auto;
position: relative !important;
right: 0
}

.img-side.img-left {
left: 0;
position: relative !important;
right: auto
}

.video-2 .img-side.img-left {
left: 0
}

.counter.style-4 {
padding: 30px 20px
}

.counter label {
font-size: 14px
}

.team-member.style-3 .team-description {
padding: 20px
}

.team-member .team-description {
padding: 15px
}

.team-member.style-4 .team-description {
padding: 50px
}

.featured-item.style-2 {
padding: 0 0 0 50px
}

.theme-bg .featured-item.style-2, .white-bg .featured-item.style-2 {
padding: 40px 20px 40px 70px
}

.grey-bg .featured-item.style-2 .featured-icon, .theme-bg .featured-item.style-2 .featured-icon, .white-bg .featured-item.style-2 .featured-icon {
left: 20px;
top: 40px
}

.featured-item .featured-icon i {
font-size: 35px;
line-height: 35px
}

.featured-title h5 {
margin-bottom: 10px
}

.featured-item.style-4 {
padding: 50px 20px
}

.tab.style-3 .nav-tabs .nav-link {
padding: 15px 30px
}

.client-logo.style-3 .client-row .client-item {
padding: 40px
}

.education-box::before {
height: 100%
}

.education-box .education-box-item::before {
margin-right: 0;
right: -25%
}

.education-box .education-box-item:nth-child(2n)::before {
margin-left: 0;
left: -25%
}

.education-box .education-box-item::after {
margin-right: -10%;
width: 10%
}

.education-box .education-box-item:nth-child(even):after {
margin-left: -10%;
width: 10%
}

.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {
width: 50%
}

input.form-product {
width: 80px
}

.app-bnr {
display: none
}

.app-img {
background-position: right -400px bottom -80px;
background-size: contain
}

.dark-bg .featured-item.style-7.text-right .featured-title h5 span {
left: 0;
right: inherit
}

.personal-home .align-end {
top: 55%;
bottom: inherit;
transform: translateY(-50%)
}

.iframe-md-h {
height: 300px !important
}

.footer-3 .footer-list li a {
font-size: initial
}
}

@media(max-width:768px) {
.navbar-collapse {
top: 87px
}

.top-unit-holder > div {
margin-right: 25px
}

.top-unit .top-unit-content span {
font-size: 12px
}

.top-unit .top-unit-content p {
margin-bottom: 0;
font-size: 13px
}

.top-bar .text-end {
text-align: center !important
}

iframe {
width: 100%;
min-height: 320px;
border: 0
}

.featured-item.style-9 .featured-icon i {
font-size: 22px
}

.featured-item.style-9 .featured-icon {
height: 48px !important;
width: 48px !important;
line-height: 55px
}

.featured-item.style-9 .featured-title span {
display: inline-block
}

h2.title .sub-title {
font-size: 16px
}

.hidden-sm {
display: none !important
}

.fullscreen-banner {
min-height: 600px
}

.fullscreen-banner h2 {
font-size: 38px;
line-height: 48px
}

.fullscreen-banner p {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px
}

.fullscreen-banner .align-center {
top: 40%
}

.detail-image-path {
-webkit-clip-path: polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);
display: block;
position: relative;
clip-path: polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)
}

.education-box .education-box-item:nth-child(even) {
float: left
}

.education-box .education-box-item {
width: 100%;
max-width: 100%;
margin-top: 25%;
display: block
}

.education-box .education-box-item:nth-child(even) {
margin-top: 5%;
display: block
}

.education-box::before {
display: none
}

.sm-mt-3 {
margin-top: 30px !important
}

.sm-mt-5 {
margin-top: 50px !important
}

.sm-mb-3 {
margin-bottom: 30px !important
}

.sm-mb-5 {
margin-bottom: 50px !important
}

.sm-pt-5 {
padding-top: 50px !important
}

.sm-pt-10 {
padding-top: 100px !important
}

.sm-pb-5 {
padding-bottom: 50px !important
}

.sm-pb-10 {
padding-bottom: 100px !important
}

.sm-py-8 {
padding-top: 80px !important;
padding-bottom: 80px !important
}

.title-2::before {
width: 50px
}

[class*='col-']:nth-child(2n+2) .counter.style-2::before {
border-right: 0
}

.counter {
margin: 15px 0 !important
}

.tab.style-3 .nav-tabs .nav-link {
padding: 8px 10px
}

.tab.style-3 .nav-tabs a i {
font-size: 30px;
line-height: 30px
}

.tab.style-2 .tab-content, .tab.style-3 .tab-content {
padding: 15px
}

.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {
width: 100%
}

.media-holder .media {
display: block
}

.media-holder .media-body {
position: relative;
margin-top: 20px
}

.media-holder .media.inner {
margin: 40px 0 40px 50px
}

.media-holder .comment-date {
bottom: inherit;
margin-top: 10px;
position: inherit
}

.left-side .post {
padding: 0 20px 20px
}

.left-side .post h4 {
font-size: 15px
}

.left-side .post-meta ul li {
display: block;
margin-right: 0;
margin-bottom: 10px
}

.left-side .post-meta ul li::before {
display: none
}

.portfolio-filter button {
font-size: 14px;
padding: 5px 13px
}

.portfolio-filter button + button {
margin-left: 5px
}

.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick {
width: 100%
}

.client-logo.style-3 .client-row .client-item {
padding: 30px
}

.education-box .education-box-item::before, .education-box .education-box-item::after {
display: none
}

.contact-2-media .contact-info li {
padding: 50px 10px
}

.countdown > li span {
font-size: 60px;
line-height: 50px
}

.featured-title h5 {
font-size: 17px
}

.featured-item.style-2 {
padding: 0 0 0 60px
}

.error-page-2 h2 {
font-size: 150px;
line-height: 150px
}

footer h5 {
font-size: 16px
}

footer .media-icon {
background-position: center left
}

.footer-3 .footer-logo img {
height: 100px;
width: auto
}

.footer-3 .social-icons li a {
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
line-height: 55px !important
}

footer .primary-footer {
text-align: center
}

.footer-2 h5, .primary-footer h5 {
margin-right: initial
}

.iframe-h {
height: 300px !important
}

.app-img {
background-position: right 0 bottom -180px
}

.html5-video video {
width: auto
}

.menu-list {
margin-bottom: 15px !important
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
height: 40px;
line-height: 40px;
width: 40px
}

.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {
font-size: 18px
}

.top-bar .text-left, .top-bar .text-right {
text-align: center !important
}

.main-search #search {
width: 160px !important
}
}

@media(max-width:680px) {
.top-unit-1 {
display: none !important
}
}

@media(max-width:580px) {
.top-bar .top-social-list li i {
font-size: 18px
}

.counter.style-3 i {
left: 15%
}

.counter.style-3 {
text-align: center !important
}

.main-page .section-mt-20 {
margin-top: 60px !important
}

.col-xx-12 {
width: 100% !important
}

.top-bar .text-start {
text-align: center !important
}

.footer-13 .primary-footer .social-icons li {
margin-right: 15px;
margin: 15px
}

.featured-item.style-9 .featured-title span {
margin-top: 15px
}

.featured-item.style-9 .featured-title span:nth-child(2) {
margin-left: 5px
}

.top-bar .top-social-list li i {
font-size: 20px
}

.education-box .education-box-item {
margin-top: 30%
}

.xs-mt-3 {
margin-top: 30px !important
}

.xs-mt-5 {
margin-top: 50px !important
}

.xs-mb-3 {
margin-bottom: 30px !important
}

.xs-mb-5 {
margin-bottom: 50px !important
}

.xs-ml-2 {
margin-left: 20px !important
}

.xs-mt-0 {
margin-top: 0
}

.xs-pt-5 {
padding-top: 50px !important
}

.xs-pb-5 {
padding-bottom: 50px !important
}

.xs-px-1 {
padding-left: 10px !important;
padding-right: 10px !important
}

.xs-px-2 {
padding-left: 20px !important;
padding-right: 20px !important
}

.xs-px-3 {
padding-left: 30px !important;
padding-right: 30px !important
}

.xs-py-2 {
padding-top: 20px !important;
padding-bottom: 20px !important
}

.xs-py-10 {
padding-top: 100px !important;
padding-bottom: 100px !important
}

#header-wrap {
transform: inherit
}

.fullscreen-banner .align-center {
top: 35%
}

.fullscreen-banner p br {
display: none
}

.scroll-down {
bottom: 30px;
height: 50px;
width: 30px
}

.chevron.bottom::before {
top: -10px
}

[data-icon]::after {
font-size: 70px;
height: 100px;
line-height: 100px;
width: 100px
}

.deco {
height: 120px;
width: 120px
}

.fullscreen-banner h2 {
font-size: 30px;
line-height: 40px
}

.fullscreen-banner p {
font-size: 16px;
line-height: 18px;
margin-bottom: 5px
}

.sl-slide-inner .container {
margin-top: 70px
}

.page-title h1 {
font-size: 24px;
line-height: 34px
}

.page-title .md-mt-3 {
margin-top: 100px !important
}

.btn {
padding: 10px 20px;
font-size: 13px
}

.btn + .btn {
margin-left: 5px
}

.btn.btn-iconic {
padding: 10px 30px
}

h2.title small {
display: block;
margin-bottom: 5px
}

.text-center h2.title .sub-title {
left: 50%;
width: 100%;
transform: translateY(-50%) translateX(-50%)
}

.content-slider .owl-nav {
display: none
}

.featured-title h5 {
font-size: 16px
}

.portfolio-filter button {
width: 100%;
margin-bottom: 5px;
padding: 10px 15px
}

.portfolio-filter button + button {
margin-left: 0
}

.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {
width: 100%
}

.side-navbar .masonry.columns-3 .masonry-brick {
width: 100%
}

.tab .nav-tabs .nav-link {
padding: 10px 20px;
display: block;
margin-bottom: 7px;
width: 100%
}

.tab.style-2 .nav-tabs a::after {
display: none
}

.tab.style-3 .nav-tabs .nav-link {
margin-top: 10px;
width: 100%
}

.post-meta ul li {
margin-right: 3px;
padding: 3px 8px;
font-size: 11px
}

.media-holder .media.inner {
margin: 30px 0 30px 40px
}

.team-member.style-3 .team-images {
width: 20%
}

.team-member.style-4 .team-description {
padding: 30px
}

.testimonial.style-2 {
margin-bottom: 0
}

.testimonial.style-2 .testimonial-avatar {
left: 30px;
top: 0;
transform: inherit
}

.testimonial.style-2 .testimonial-content {
margin-left: 0;
margin-top: 50px;
padding: 50px 30px 30px
}

.testimonial-content {
line-height: 24px
}

.counter.style-5::before {
border-right: 0
}

.col-sm-6:nth-child(n+3) .counter.style-5::after {
border-bottom: 1px dashed rgba(255,255,255,0.2)
}

.col-sm-6:last-child .counter.style-5::after {
border-bottom: 0
}

.client-logo.style-3 .client-row .client-item {
padding: 30px 15px
}

.client-logo.style-3 .client-row .client-item {
display: block;
border-bottom: 0
}

.client-logo.style-3 .client-row .client-item:last-child {
border-bottom: 1px solid #ddd
}

.dark-bg .client-logo.style-3 .client-row .client-item:last-child {
border-color: rgba(255,255,255,0.1)
}

.accordion .card-header {
padding: 20px 70px 20px 20px
}

.accordion .card-header a span {
right: 20px
}

.accordion .card-header a {
font-size: 13px
}

.accordion.style-2 .card-header {
margin: 0 15px
}

.accordion.style-2 .card-header a small {
font-size: 18px;
margin-right: 5px
}

.accordion.style-2 .card-body {
padding: 20px
}

.menu-list .menu-title {
font-size: 14px
}

.contact-2-media .contact-info li {
border-right: 0;
display: block;
width: 100%;
border-bottom: 1px dashed #ddd
}

.slick3-dots li {
width: 30.333%
}

.product-meta {
margin-bottom: 30px
}

.color-filter {
height: 30px;
width: 30px
}

.shop-count.countdown li {
padding: 0 5px
}

.shop-count.countdown li p {
font-size: 13px
}

.footer-12 .media-icon li {
margin-bottom: 20px;
padding-right: 0
}

.footer-13 .footer-list li {
margin-bottom: 10px
}

.countdown > li {
padding: 0 10px
}

.countdown > li span {
font-size: 30px;
line-height: 30px
}

.countdown > li p {
font-size: 14px;
line-height: 24px
}

.error-page-2 h2 {
font-size: 80px;
line-height: 80px
}
}

@media(max-width:540px) {
.top-bar .social-icons li:last-child {
display: none
}
}

@media(max-width:500px) {
.top-bar .social-icons li a {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 20px
}

.top-bar .social-icons.social-border li a {
border: 0;
background: transparent
}

.top-bar .top-right-content, .top-bar .flag-holder a {
font-size: 18px
}

.top-bar .flag img {
width: 30px;
height: 30px
}
}

@media(max-width:469px) {
.navbar-brand {
top: 133px
}

.top-unit-background {
background-color: #68bec9;
padding: 10px 10px;
color: #fff;
border-radius: 5px
}

.top-unit-holder .top-unit {
margin-right: 0
}

.top-unit-holder .top-unit:last-child {
margin-right: 0
}

.top-unit .icon {
font-size: 20px;
margin-right: 5px
}

.top-bar .social-icons li a {
font-size: 18px
}

.top-unit .top-unit-content {
margin-left: 4px;
line-height: 18px
}

.top-unit .top-unit-content span {
font-size: 11px
}

.top-unit .top-unit-content p {
font-size: 12px
}
}

@media(max-width:414px) {
.fullscreen-banner .align-center {
margin-top: -5% !important
}

.education-box .education-box-item {
margin-top: 45%
}

.social-icons li {
margin: 0
}
}

@media(max-width:411px) {
.top-bar .social-icons li:nth-last-child(-n+2) {
display: none
}
}

@media(max-width:386px) {
.top-bar .social-icons ul {
display: none
}

.top-unit .top-unit-content {
margin-left: 10px
}

.top-bar .top-unit .icon i {
font-size: 20px
}

.top-bar .social-icons li a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 18px
}

.top-bar .top-social-list li i {
font-size: 18px
}

.top-bar .social-icons.social-border li a {
border: 1px solid #ddd
}

.top-bar .social-icons li:last-child {
display: inline-block
}

.top-unit-holder .top-unit:first-child {
display: none !important
}
}

@media(max-width:376px) {
.navbar-collapse {
top: 88px
}

.navbar-toggler {
border: 1px solid #68bec9
}

.navbar-brand {
top: 133px
}

.education-box .education-box-item {
margin-top: 50%
}
}

@media(max-width:346px) {
.navbar-brand {
top: 153px
}
}

@media(max-width:321px) {
.top-bar .social-icons li:last-child {
display: none
}

.top-unit .top-unit-content {
margin-left: 5px
}

.logo img {
height: auto;
max-width: 180px
}

.education-box .education-box-item {
margin-top: 68%
}
}

@media(max-width:294px) {
.top-bar .social-icons li a {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 20px
}

.top-bar .social-icons.social-border li a {
border: 0;
background: transparent
}

.top-unit .top-unit-content span {
font-size: 11px
}

.top-unit .top-unit-content p {
font-size: 11px
}

.logo img {
height: auto;
max-width: 160px
}
}

@media(max-height:900px) {
.page-title {
padding-top: 300px;
height: 400px
}
}

@media(max-height:768px) {
.page-title {
padding-top: 200px;
height: 300px
}
}