/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
 .header{ padding: 0 20px}
 .stellarnav > ul > li + li{ margin-left: 20px;}
 .header .btn{ padding-left: 24px; padding-right: 24px;}
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
 .header{ padding: 0 20px}
 .stellarnav > ul > li + li{ margin-left: 16px;}
 .header .btn{ padding-left: 20px; padding-right: 20px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
 .header .btn{ padding-left: 20px; padding-right: 20px;}
 #page{padding-top: 100px;}
 .header{ height: 100px;;}
 .header .action-btns{ margin-left: auto;}


} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
 .header .btn{ padding-left: 20px; padding-right: 20px;}
 #page{padding-top: 100px;}
 .header{ height: 100px;;}
 .header .action-btns{ margin-left: auto;}
 .banner{ padding: 90px 0;}
 .section{ padding: 50px 0;}
 .job-post .tag{ position: relative; top: auto; right: auto; margin-bottom: 15px; display: inline-flex;}
 .page-banner .container{ height: 300px;}
 .offcanvas .account-links{background:#FFF; box-shadow:none; border-radius: 0;}
} 
/* END__ */

@media only screen and (max-width:767px) {
 #page{padding-top: 80px;}
 .btn{ font-size: 14px; height: auto; padding: 16px 32px;}
 .container{ padding-left: 20px; padding-right: 20px;}
 .header{ height: 80px;;}
 .header .action-btns{ margin-left: auto;}
 .header .logo img{ width: 150px;}
 .banner{ padding: 60px 0;}
 .section{ padding: 30px 0;}
 .step-content [class*="col-"]::before, .step-content [class*="col-"]::after { display: none;}
 .footer-top{ padding: 24px 0}
 .footer-bottom{ padding: 16px 0}
 .job-post .tag{ position: relative; top: auto; right: auto; margin-bottom: 15px; display: inline-flex;}
 .modal-body .map-img img{ width: 80%;}
 .page-banner .container{ height: 200px; text-align: center;}
 .offcanvas .account-links{background:#FFF; box-shadow:none; border-radius: 0;}
 .profile-top .ratio{ width: 200px;}
 .profile-top .flex-grow-1{ margin-top: 30px; margin-left: 0;}
 .profile-top ul{ flex-direction: column; align-items: flex-start;}
 .profile-top ul li + li{ margin-top: 6px; margin-left: 0;}
 .skills .item nav{ display: block;}
 .skills .item nav:after{ content: ''; display: table; clear: both;}
 .skills .item nav small, .skills .item nav a{ display: inline-block;}
 .skills .item .stars { margin-top: 16px;}
} 
/* END__ */

@media only screen and (max-width:374px) {
 .modal-body .map-img img{ width: 100%;}
} 
/* END__ */