@media (min-width:320px) and (max-width:767px){
    .container{ padding: 0 15px;}
    header{ background: #eee; align-items: center;}
    .headerInner .navCont{ width: 60px; height: 73px;}
    .headerInner .logo{ margin: 5px 0;}
    .logo img{ width: 80px;}
    .social{ margin: 0 10px 0 0;}
    .social a{ width: 30px; margin-left: 5px;}
    .logo a.homeLogo{ 
        width: 80px; 
        height: 56px;
        background: url(../images/logo_baltimore_inner.png) 0 0 no-repeat;
        display: inline-block;
        background-size: cover;
    }
    .logo{ margin: 0;}
    .navCont{
        border-radius: 0;
        height: 71px;
        width: 60px;
    }

    header.sticky .logo{ margin-top:0;}
    header.sticky .logo img{ width: 80px;}
    header.sticky .social{ margin: 0 10px 0 0;}
    header.sticky .navCont{
        border-radius: 0;
        height: 71px;
    }
    header.sticky .logo{
        margin: 0;
    }
    header.sticky .logo a.homeLogo{
        width: 80px; 
        height: 56px;
        background: url(../images/logo_baltimore_inner.png) 0 0 no-repeat;
        display: inline-block;
        background-size: cover;
    }
    
    .headerInner .logo img{ width: 80px;}
    .headerInner .social{ margin: 0 10px 0 0;}

    .navContent h2{ margin-bottom: 30px;}
    .navContent h2 img{ width: 80px;}
    .navContent ul li{ font-size: 18px;}
    .bannerContent h2{ font-size: 18px; line-height: 22px; margin-bottom: 10px;}
    .btnLearnMore{ padding: 8px 20px; font-size: 14px;}
    .homeAboutCont{ padding: 30px 15px;}
    .pageHeading{ font-size: 30px; margin-bottom: 40px;}
    .pageHeading span::after{ height: 4px; bottom: -5px;}
    .homeAboutContent{ flex-wrap: wrap; flex-direction: column;}
    .homeAboutContentLeft{ width: auto; left: auto; top: auto; flex: 1;}
    .homeAboutContentRight{ padding:15px; border-radius: 0 0 10px 10px;}
    .homeAboutContentRight:before{ content: none;}
    .homeAboutContentRight h4{ font-size: 18px; line-height: 26px; margin-bottom: 20px;}
    .pageHeading.home{ margin-bottom: 40px;}
    .homeAboutContentLeft img{ border-radius: 10px 10px 0 0; height: auto; width: 100%; vertical-align: top;}
    .logoBar{ padding: 20px 0;}
    .logoList{ flex-wrap: wrap;}
    .logoList li{ margin: 0 10px 20px 10px; width: 42%; border: 1px #efefef solid; padding: 10px; align-self: flex-start; min-height: 128px; display: flex; align-items: center; justify-content: center;}

    .innerContentSection{ padding: 0 15px 50px 15px; margin-top: 72px;}
    .contentSection{ padding:20px 15px 15px 15px; border-radius: 0 0 10px 10px;}
    .contentSection h3{ font-size: 16px; line-height: 24px; margin-bottom: 30px;}
    .aboutContentRow{ flex-wrap: wrap; flex-direction: column;}
    .aboutImage{ width: auto; flex: 1; margin-bottom: 15px;}
    .aboutImage img{ width: 100%;}
    .homeAboutContentLeft img.bigImg{ border-radius: 10px 10px 0 0;}
    .shadowImg{ display: none;}
    .aboutImage.mRight50{ margin-right: 0;}
    .aboutImage.mLeft50{ margin-left: 0;}
    .aboutContentCol h4{ font-size: 20px; margin-bottom: 10px;}
    .aboutContentCol p{ font-size: 16px; line-height: 26px;}
    .aboutContentRow{ margin-bottom: 40px;}
    .aboutContentRow:last-child{ flex-direction: column-reverse;}
    .teamList li{ margin: 0 10px 40px 10px; width: 100%;}
    .teamList li .teamImg{ width: 100px; height: 100px; margin-bottom: 10px;}
    .teamList li .memberName{ font-size: 18px;}
    .teamList li .designation{ font-size: 14px;}

    .portfolioTab{ margin-bottom: 30px; justify-content: center;}
    .portfolioTab li{ font-size: 16px; margin: 0 10px; display: flex;}
    .hotelList{ flex-direction: column; margin: 0;}
    .hotelList li{ width: 100%; margin: 0 0 20px 0;}
    .hotelList li .hotelDesc{ padding: 15px;}
    .hotelList li .hotelDesc h5{ font-size: 16px;}
    .hotelList li .hotelDesc p{ font-size: 14px; line-height: 20px;}
    .hotelList li .hotelDesc a{ font-size: 14px;}

    .txtInput{ padding: 10px 15px; font-size: 14px;}
    .frmLabel{ margin-bottom: 5px; font-size: 14px;}
    .frmRow{ margin-bottom: 0; flex-wrap: wrap; flex-direction: column;}
    .frmRow .frmCol{ margin-bottom: 15px;}
    .txtArea{ height: 120px; padding: 15px;}
    .btnNext{ width: 100%; border-radius: 4px; height: auto; padding: 12px;}

    footer{ padding: 30px 15px;}
    .fooNav{ display: none;}
    .fooerBottom{ margin-top: 0; flex-wrap: wrap; flex-direction: column; align-items: center;}
    .fbMiddle{ margin-bottom: 15px;}
    .fbLeft{ display: none;}

    .slideOuter{ margin-top: 71px;}
    .owl-dots{ bottom: 15px; display: none;}
    .contactTitle h4{ font-size: 16px;}

    .portfolioCarouselCont{
        padding: 0;
    }
    .portfolioCarouselOuter .owl-nav .owl-prev{ margin-left: -10px;}
    .portfolioCarouselOuter .owl-nav .owl-next{ margin-right: -10px;}
    .portfolioItem{ width: 270px;}
    .portfolioItem .hotelDesc{ padding: 15px;}

    .hotelListNew{ margin: 0;}
    .hotelListNew li{
        flex-wrap: wrap;
    }
    
    .hotelListNew{ flex-direction: column; margin: 0;}
    .hotelListNew li .htlImg{ width: 100%;}
    .hotelListNew li{ width: 100%; margin: 0 0 20px 0;}
    .hotelListNew li .hotelDesc{ padding: 15px;}
    .hotelListNew li .hotelDesc h5{ font-size: 16px;}
    .hotelListNew li .hotelDesc p{ font-size: 14px; line-height: 20px;}
    .hotelListNew li .hotelDesc a{ font-size: 14px;}
}


@media (min-width:768px) and (max-width:1024px){
    header{ background: #eee; padding: 0;}
    .logo{ margin: 10px 0;}
    .slideOuter{ margin-top: 100px;}
    .owl-dots{ bottom: 15px;}
    .navCont{
        border-radius: 0;
        height: 111px;
    }
    .logo a.homeLogo{
        width: 120px; 
        height: 84px;
        background: url(../images/logo_baltimore_inner.png) 0 0 no-repeat;
        display: inline-block;
        background-size: cover;
    }
    .social{
        margin: 37px 30px 0 0;
    }
    .container{ padding: 0 30px;}
    .navContent ul li{ font-size: 36px;}
    .homeBannerContent{ padding: 250px 0 150px 0;}
    .homeBannerContent h2{ font-size: 52px;}
    .homeAboutCont{ padding: 50px 0 50px 30px;}
    .homeAboutContentLeft{ width: auto; left: auto; top: auto; flex: 1;}
    .homeAboutContentRight{ padding:20px 30px;}
    .homeAboutContentRight:before{ content: none;}
    .homeAboutContentRight h4{ font-size: 18px; line-height: 26px; margin-bottom: 20px;}
    .pageHeading.home{ margin-bottom: 70px;}
    .homeAboutContentLeft img{ border-radius: 0;}
    .logoList li{ margin: 0 10px;}

    .innerContentSection{ padding: 0 15px 50px 15px}
    .contentSection{ padding: 25px;}
    .aboutImage{ width: 220px;}
    .homeAboutContentLeft img.bigImg{ border-radius: 10px 0 0 10px;}
    .shadowImg{ display: none;}
    .aboutImage.mRight50{ margin-right: 30px;}
    .aboutImage.mLeft50{ margin-left: 30px;}
    .aboutContentCol h4{ font-size: 26px; margin-bottom: 0;}
    .aboutContentCol p{ font-size: 18px; line-height: 28px;}
    .aboutContentRow{ margin-bottom: 70px;}
    .teamList li{ margin: 0 10px 40px 10px;}
    .teamList li .teamImg{ width: 100px; height: 100px; margin-bottom: 10px;}
    .teamList li .memberName{ font-size: 18px;}
    .teamList li .designation{ font-size: 14px;}
    .hotelList li{ width: 206px;}
    .hotelList li .hotelDesc{ padding: 15px;}
    .hotelList li .hotelDesc h5{ font-size: 16px;}
    .hotelList li .hotelDesc p{ font-size: 14px; line-height: 20px;}
    .hotelList li .hotelDesc a{ font-size: 14px;}
    .txtInput{ padding: 15px;}
    .txtArea{ height: 120px; padding: 15px;}

    footer{ padding: 30px 15px;}
    .portfolioCarouselCont{ padding: 0 30px 0 0;}
    .portfolioCarouselOuter .owl-nav .owl-prev{ margin-left: -10px;}
    .portfolioCarouselOuter .owl-nav .owl-next{ margin-right: -10px;}
}
	
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
}