/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 320px) and (max-width: 575px){
    html{
        font-size: 80%;
    }

    h1{
        font-size: 2.25rem;
    }
    h2{
        font-size: 1.7441em;
    }
    .mt--120{
        margin-top: -50px;
    }
    .pt-150{
      padding-top: 50px;
    }
    .ptb-150{
        padding: 90px 0;
    }
    .hero-slider-content h1{
        font-size: 2.25rem;
    }
    .action-btns a.btn, .app-download-list li{
        margin-bottom: 15px;
    }

    /*ceo message*/
    .year-highlight-text h4 sub{
        top: -10px;
    }
    .year-highlight-text h4 span {
        font-size: 215px;
        line-height: 150px;
    }

    /*switchable block*/
    .core-idea-wrap.ptb-100{
        padding-top: 15px;
    }

    /*portfolio*/
    .filter-btn{
        margin-bottom: 10px;
    }
    .portfolio-item, .gap{
        width: auto;
    }

    /*testimonial with counter*/
    .counter-wrap{
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
    .counter-wrap li{
        padding: 15px;
    }

    .contact-us-form .form-group{
        margin-bottom: 0;
    }

    .arrow-indicator.owl-theme .owl-nav {
        position: relative;
    }

    /*blog*/
    .single-blog-card{
        margin-bottom: 0;
    }

    /*all col*/
    div[class*='col-']:not(:last-of-type){
        margin-bottom: 20px !important;
    }
    .row> div[class*='col-']:last-of-type{
        margin-bottom: 0;
    }

    .footer-bottom .row> div[class*='col-']:first-child{
        margin-bottom: 0 !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	
    html{
        font-size: 82%;
    }
    .mt--120{
        margin-top: -50px;
    }
    .pt-150{
        padding-top: 60px;
    }

    .action-btns a.btn{
        margin-bottom: 15px;
    }

    /*ceo message*/
    .year-highlight-text h4 sub{
        top: -10px;
    }
    .year-highlight-text h4 span {
        font-size: 215px;
        line-height: 150px;
    }

    /*switchable block*/
    .core-idea-wrap.ptb-100{
        padding-top: 15px;
    }

    /*portfolio*/
    .filter-btn{
        margin-bottom: 10px;
    }
    .portfolio-item, .gap{
        width: auto;
    }

    /*testimonial with counter*/
    .counter-wrap{
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    .counter-wrap li{
        padding: 15px;
    }

    .contact-us-form .form-group{
        margin-bottom: 0;
    }

    .arrow-indicator.owl-theme .owl-nav {
        position: relative;
    }

    /*blog*/
    .single-blog-card{
        margin-bottom: 0;
    }

    /*promo*/
    div[class*='col-']:not(:last-of-type){
        margin-bottom: 20px !important;
    }
    .row> div[class*='col-']:last-of-type{
        margin-bottom: 0;
    }
    .footer-bottom .row> div[class*='col-']:first-child{
        margin-bottom: 0 !important;
    }

.regular4 .slick-prev {
    left: 6px !important;
    z-index: 99 !important;
}
.regular4 .slick-next{
    right: 6px !important;
    z-index: 99 !important;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .mt--120{
        margin-top: -50px;
    }
    .action-btns a.btn{
        margin-bottom: 15px;
    }


.res-menu{ display:block;text-align: right;padding: 15px 20px 7px;border-bottom: 1px solid;}
#header-top-bar, .main-menu{ display:none;margin-top: 0px;}
.logo-box{ text-align:center;}
.log-box { text-align:center;}
.log-box li{ float:none; display:inline-block; margin:3px 5px;}
.topbar-text ul li{ width:100%;}
.topbar-text.right-text ul li{width: 100%;    text-align: left;}
.topbar-text ul li, .topbar-text ul.list-inline li:first-child{ float: left; text-align: left;border:none;}
.topbar-text.right-text ul li{border:none;}
.main-menu ul li{width: 100%;}
.stiky { position: inherit;}
.nav-link{  padding: 5px 7px;border-top: 1px dashed;}
.main-menu ul li .dropdown-box{ display: block;border:none;position: inherit; padding: 0px 15px}
.main-menu ul li ul{ width:100%;}
.dropdown-box ul li:nth-child(odd) a, .main-menu ul li ul li a{ background:none;padding: 5px 10px 15x 30px;}
/*.menu-image{ display: none;}*/
.menu-image { width:100%;float: none;border-left:none;padding-left:0px;background:none;}
.mobi-main-menu ul li span, .menu-image p { float: none; width:100%; color:#000;}



.search-box-inner .search-bo{ right:inherit;left: 28px;}
.search-box-inner .search-bo.bar-box{ right:inherit; left: 28px; display:block;}

.logo-outer{ float:left; width:20%;}
.menu-outer{ float:left; width:50%;}
.sign-outer{ float:right; width:30%;}
.logo-outer.logo-box .img-fluid{max-width: 100%;}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
.main-menu ul li a{font-size: 12px;}
	.topbar-text ul li a{padding: 3px 8px; font-size: 12px;}
}

@media screen and (max-width:1024px) {	
.log-box li{padding: 2px 0;margin: 15px 0;}

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 768px) and (max-width: 850px){
	.topbar-text ul { float: none; width: 100%; text-align: center;}
	.topbar-text ul li { float: none; display:inline-block;}
	.main-menu ul li a{font-size: 14px;}
	.profile-box {padding: 15px; text-align: center;}
	.monthly-calander {width: 100%; float: left; margin: 0 0 10px; height: 100px; overflow-Y: scroll; color: #000; background: #f1f1f1;}
	
}
@media screen and (max-width:812px) {	
.mobi-menu ul{ text-align:center; padding:5px 0; display: block;}
.hero-slider-content { margin:25px auto 0px;}
.hero-slider-content h1, .hero-slider-content3 h1 {font-size:35px;}
}
@media (min-width: 768px) and (max-width: 769px){
	.topbar-text ul { float: none; width: 100%; text-align: center;}
	.topbar-text ul li { float: none; display:inline-block;}
}
@media screen and (max-width:768px) {	
	.logo-outer{width:100%; text-align:center}
	.logo-outer a{ margin:0px; display:inline-block; width:100%; float:none;}
	.navbar-brand > img {display: inline-block;}
	.sign-outer{width:100%; text-align:center;border-top: 1px solid;}
	.menu-outer{width:100%;border-top: 1px solid;}
	.hero-slider-content h1 { font-size: 30px;}
	.hero-slider-content2 h1{ font-size: 22px;}
	.hero-slider-content3 h1{ font-size: 22px;}
	.hero-slider-content{margin: 59px auto 0px;}
	.app-store { margin-top:0px;}
	.pull-right { float: none !important;}
	.box-content-two{width: 50%;}
	.single-product-box-pic,.single-product-box-details{width:100%;}
	.post-pic,.post-detali{width:100%;}
.log-box li:last-child a{    background:#ec5528; color:#fff;border: 1px solid #ec5528;}
.single-promo-block:hover li,.single-promo-block:hover h6 { color: #000 !important;}
.single-promo-block:hover .fa { color:#e75820;}
.single-promo-block a { color: #888 !important;}
.promo-block-content > a {background: #ec5528 !important; color: #fff !important;}

}
@media screen and (max-width:767px) {	
/*.down-arrow { display:block;}*/
.navbar-brand {float: none;}
#header-top-bar, .main-menu{ display:none;margin-top: 0px;}
.res-menu{ display:block;text-align: right;padding:10px 20px 5px;border-top: 1px solid;}
.topbar-text.right-text ul li{width: 100%;    text-align: left;}
.search {  width: 100%;}
.top-res-menu{padding: 15px 20px 7px;border-bottom: 1px solid;}
.right-text ul li{ text-align:center;}
div[class*='col-']:not(:last-of-type).logo-box { text-align:center;margin-bottom:0px !important;}
.btn-new-box { display:none;}
.main-menu ul li {width: 100%; border-bottom:1px dashed #fff;}
.main-menu ul li .dropdown-box{ position:inherit; float:left;background: none; padding: 0px; }
.menu-image{ display:none;}
.main-menu ul li ul li a { color: #fff;}
.main-menu ul li ul li:last-child{ border:none; }
.main-menu ul li ul li{background:none;padding-left: 0px; padding:0px; }
.main-menu ul li ul{ width:100%;}

.topbar-text ul li{ width:100%;}
.main-menu ul li .dropdown-box{ display:block;}

.client-logo-box { text-align: center;}
.client-logo-box img { display:inline-block; float:none;border:none;}
.client-logo-box img:first-child {border:none;}

.inner-page-menu .main-menu ul li{border-bottom: 1px dashed #000;}
.upcoming-popup{display:none; }

.desktop-upcoming-popup-one,.desktop-upcoming-popup-two,.desktop-upcoming-popup-three{ display:none;}
.upcoming-popup-one,.upcoming-popup-two,.upcoming-popup-three{ display:block;}
.box-info{width:245px;}
.box-info a{ display:block; font-size:14px; color:#fff;}
.box-info a .fa{width:25px;}
.event-box {background:none;margin-top: 0px;}
.open-one, .open-two, .open-three{ position:absolute; left:-40px; top:0px;}
.open-one .fa, .open-two .fa, .open-three .fa{ width:40px;  height:40px; background:#d75000; border-radius:10px 0 0 10px; text-align:center; padding-top:10px; color:#fff;}

.single-product-box{ width:100%;}
.contact-form,.contact-page-right{width: 100%;padding: 0px;border-right:none;}
.contact-form div, .contact-form div:nth-child(2n){width: 100%;}
.stiky { position: inherit;}
.log-box {  text-align: center;}
.log-box li { padding: 2px 0; float:none; display:inline-block;}
.click-box,.box-content-two{ width:100%;}

.navbar-brand .img-fluid { max-width: 150px; height: auto;}
.log-box li {padding: 2px 0; margin: 5px 0;}
.red-box{ display:none;}
.slick-dots{ bottom: 10px !important;}
.usa-office,.aus-office { background-size: 75px;}
	.monthly-calander {width: 100%; float: left; margin: 0 0 10px; height: 100px; overflow-Y: scroll; color: #000; background: #f1f1f1;}
	.wel-left{ width:100%;}
	 .wel-right{ display:none;}
.wel-left a{ margin-bottom:5px;}
}
@media screen and (max-width:640px) {
	.upcoming-popup-one{right:-245px;}
	.upcoming-popup-two {right:-245px;}
	.upcoming-popup-three{right:-245px;}
}
@media screen and (max-width:568px) {
	.login-pop{width: 63%;}
	.fild-box label {width: 100%;}
	.form-box input[type="text"]{width: 100%;}
	.fild-box { padding: 5px 0px;}
	.upcoming-popup-one{right: -245px;}
	.upcoming-popup-two { top: 22%;right: -245px;}
	.upcoming-popup-three{ top: 36%;right: -245px;}
}
@media screen and (max-width:414px) {
	.hero-slider-content h1 {font-size:19px;}
	.hero-slider-content { margin:7px auto 0px;padding: 3px 0px;}
	.hero-slider-content2 h1 {  font-size:10px;    margin: 0 0 0;}
	.hero-slider-content2{ padding:0px;}
	.hero-slider-content3 { margin:7px auto 0px;padding: 3px 0px;}
	.hero-slider-content3 h1 {font-size:14px;   margin: 0 0 0;}
	.upcoming-popup-one{right:-240px;}
	.upcoming-popup-two { top:14%;right:-240px;}
	.upcoming-popup-three{ top:20%;right:-240px;}
}
@media screen and (max-width:413px) {
	.upcoming-popup-one{right:-240px;}
	.upcoming-popup-two { top:14%;right:-240px;}
	.upcoming-popup-three{ top:20%;right:-240px;}
	
}
@media screen and (max-width:390px) {
	.upcoming-popup-one{right:-246px;}
	.upcoming-popup-two { top:14%;right:-246px;}
	.upcoming-popup-three{ top:20%;right:-246px;}
	
}