@media screen and (max-width: 8000px) and (min-width: 1920px) {

	.ivory-section-nav, .footer-ivory-section{max-width:1920px; margin:0 auto;}
	
	.navbar-fixed{max-width:1920px;}
	
}

@media(max-width: 1600px) {
	.container p {
    font-size:20px; line-height:30px;
	}
	
	.flex-col-section-2 .list-item:nth-child(1) {
    max-width: 50%;
}

.flex-col-section-2 .list-item:nth-child(2) {
    max-width: 38%;
}
	
}


@media(max-width: 1520px) {
    h1 {
        font-size: 34px;
    }

    .flex-col-h,
    .flex-col-v {
        padding: 75px 0;
    }

    .last-section {
        padding-bottom: 150px;
    }

    .container h1 {
        margin: 0 0 80px;
    }

    .container p {
        font-size: 20px;
        line-height: 28px;
    }

    .container p.title-image {
        font-size: 12px;
        line-height: 28px;
    }

    

    .map-list .listing {
        padding: 80px 0 90px;
        max-width: 90%;
    }

    .landing-page .flex-col-h,
    .landing-page .flex-col-v,
    .landing-page .flex-col-section-3,
    .landing-page .flex-col-section-2 {
        padding: 50px 0;
    }

    .landing-page .flex-col-v .text-section .text-list {
        padding: 50px 60px 0 100px;
    }

    .flex-col-section-3 .list-item {
        margin: 0 12px 0 0;
    }

    .list-item-map ul li {
        font-size: 12px;
        line-height: 24px;

    }

    .list-item-map h3 {
        font-size: 18px;
        line-height: 34px;


    }


    @media(max-width: 1366px) {

        .ivory-icon {
            left: 70px;
        }

        .flex-col-v .text-section .text-list {
            padding: 60px 40px 0 100px;
        }

        .container p {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0px;

        }

        .container h1 {
            margin: 20px 0 80px;
        }

        .down-arrow {
            display: flex;
            align-items: center;
        }

    }




    @media(max-width: 1300px) {

        .ivory-icon {
            display: none;
        }

        .nav,
        .container {
            margin: 0 0 0 auto;
            max-width: 95%;
        }

        .container p {
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 0px;

        }

        .flex-col-v .text-section .text-list {
            padding: 30px 20px 0 60px;
        }

        .link_txt a {
            font-size: 14px;
            line-height: 22px;
        }

        .flex-col-h,
        .flex-col-v {
            padding: 45px 0;
        }

        h1 {
            font-size: 22px;
            line-height: 30px;
        }

        .last-section {
            padding-bottom: 55px;
        }

        .m-b40 {
            margin-bottom: 20px;
        }



        .ivory-icon {
            display: none;
        }

        .footer {
            background: #a5b6ba;
            padding: 60px 0;
            position: relative;
            z-index: 1;
        }

        .flex-col-section-2 .list-item:nth-child(1) {
            max-width: inherit;
        }

        .flex-col-section-2 .list-item:nth-child(2) {
            max-width: inherit;
        }

        .flex-col-section-2 .list-item:nth-child(1) {
            width: 45%;
        }

        .flex-col-section-2 .list-item:nth-child(2) {
            width: 35%;
        }

        .nav ul {
            width: 100%;
        }

        .nav ul li a {
            font-size: 10px;
            padding: 12px 32px;
        }

        .google-map-section iframe {
            height: 700px !important;
        }

        .listing {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        

        .map-list .listing {
            padding: 60px 0 0px;
            max-width: 92%;
        }

        .container p {
            font-size: 15px;
            line-height: 24px;
            letter-spacing: 0px;
        }

        .flex-col-v.rev .text-section .text-list {
            padding: 30px 60px 0 0;
        }

        .link_txt a {
            font-size: 15px;
            line-height: 22px;
        }

        .flex-col-v.rev-mob {
            flex-wrap: wrap;
            padding-bottom: 0;
        }

        .flex-col-v.rev-mob .image-panel,
        .flex-col-v.rev-mob .text-section {
            width: 100%;
        }

        .flex-col-v.rev-mob .text-section .text-list {
            padding-left: 0;
        }
		
		.footer .left-panel {
		width: 40%;
		}

		footer .right-panel {
			width: 50%;
		}
		
		.video-center-panel{padding: 0 40px;}

    }
	
 @media(max-width: 1200px) {	
	.inquiry-form {
    padding: 30px 80px 44px;
}

.inquiry-form {
    overflow-x: hidden;
    max-height: calc(100vh - 60px);
}

.listing .list-item-map {
            width: 50%;
        }

 }

    @media(max-width: 1024px) {

        .container p {
            font-size: 13px;
            line-height: 20px;
            letter-spacing: 0px;
        }

        .link_txt a {
            font-size: 13px;
            line-height: 22px;
        }

        .up-arrow a {
            right: 20px;
            bottom: 20px;
        }
        
        
        .internal-content{width:100%;}
		
		.footer .left-panel {
		width: 60%;
		}

		footer .right-panel {
			width: 40%;
		}
		
		.footer ul.brand-list li {
    padding: 20px 30px 0;
}


    }



    @media(max-width: 768px) {

        .container p {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 0px;

        }

        .flex-col-v.rev-mob {
            flex-wrap: wrap;
            padding-bottom: 20px;
        }

        .link_txt a {
            font-size: 12px;
            line-height: 22px;
        }

        .landing-page .flex-col-h,
        .landing-page .flex-col-v,
        .landing-page .flex-col-section-3,
        .landing-page .flex-col-section-2 {
            padding: 30px 0;
        }

        .landing-page .flex-col-v .text-section .text-list {
            padding: 40px 60px 0 75px;
        }

        .footer .left-panel {
            width: 100%;
        }

        .flex-col-h-f {
            flex-wrap: wrap;
        }

        .footer .right-panel {
            width: 100%;
           
        }

        .footer ul.brand-list {
            margin-top: 30px;
			 max-width: 330px;
			 justify-content:flex-start;
        }
		
		

        .footer ul.brand-list li {
            padding: 20px 15px 0;
        }



        .inquiry-form p {
            font-size: 14px;
        }

        

        .inquiry-form .heading {
		display: block;
		margin-bottom: 20px;
		}

        

        

        .internal-content {
            display: block;
                box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .inquiry-form p.small {
            padding-bottom: 20px;
        }

        .g-recaptcha {
            position: absolute;
            right: 0 !important;
            bottom: 0;
            width: 100px;
        }

        .popup-flex-center {
            align-items: flex-start;
            position: relative;
        }

        .backgroundOverlay, .delayedPopupWindow {
            background: #a5b6ba;
        }

        .delayedPopupWindow {
            width: 100%;
        }

		.video-center-panel{padding: 0 20px;}
    }

    @media(max-width: 991px) {
        
        
        .popup-flex-center{align-items: flex-start;}
        
        .enquiry-form{padding-bottom: 60px;}
        
        .inquiry-form p.small{display: block; height:100px;}
        
        .popup-flex-center{position: relative;}
        
        
		
		.video-content-popup {
			width: 87%;
		}
		
		.delayedPopupWindow {max-width: 100%; height:100%; }

    }

    @media(max-width: 767px) {
		
		

		.btnCloseVideo {
			right: 10px;
			top: 10px;
		}
		.google-map-section{display:none;}
		.up-arrow{display:none;}

        .form-list input[type="text"],
        .form-list input[type="email"] {
            width: 95%;
        }

        


        .landing-page .flex-col-h,
        .landing-page .flex-col-v,
        .landing-page .flex-col-section-3,
        .landing-page .flex-col-section-2 {
            padding: 45px 0;
        }

        .landing-page .main-top-banner {
            padding: 0 !important;
            width: 100% !important;
        }

        .nav ul li a {
            font-size: 14px;
            padding: 16px 28px;
        }

        .landing-page .flex-col-v .text-section .text-list {
            padding: 0 0 50px 0;
        }

        .flex-col-section-3 {
            width: 100%;
            max-width: 100%;
        }

        .flex-col-section-3 .list-item {
            margin: 0;
        }

        .flex-col-section-3 {
            flex-wrap: wrap;
            justify-content: center;
        }

        .flex-col-section-3 .list-item {
            margin-bottom: 15px;
        }

        .landing-page .flex-col-v.rev .text-section .text-list {
            padding: 0 0 60px 0;
        }

        .flex-col-section-2 .list-item:nth-child(1),
        .flex-col-section-2 .list-item:nth-child(2) {
            width: 100%;
        }

        .flex-col-section-2 {
            flex-wrap: wrap;
        }

        .container p.title-image {
            margin-bottom: 20px;
        }

        .landing-page .flex-col-v.cental-park {
            padding: 0 !important;
        }

        .flex-col-section-2 {
            padding: 0 0 40px 0!important;
        }

        .google-map-section iframe {
            height: 400px !important;
        }

        .map-list .listing {
            width: 86%;
            margin: 0 auto;
        }


        /*........toogle menu .................*/



        #nav-icon1 {
            width: 28px;
            height: 26px;
            position: relative;
            margin: 0 auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
        }

        #nav-icon1 span,
        #nav-icon3 span,
        #nav-icon4 span {
            display: block;
            position: absolute;
            height: 2px;
            width: 100%;
            background: #d1dbdc;
            border-radius: 0;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

        #nav-icon1 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon1 span:nth-child(2) {
            top: 10px;
        }

        #nav-icon1 span:nth-child(3) {
            top: 22px;
        }

        #nav-icon1.open span:nth-child(1) {
            top: 10px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        #nav-icon1.open span:nth-child(2) {
            opacity: 0;
            left: -60px;
        }

        #nav-icon1.open span:nth-child(3) {
            top: 10px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .menu-icon {
            padding: 10px;
            background: #A5B6BA;
            display: inline-block;
            float: right;
            z-index: 4;
            position: relative;
        }

        

        .menu {
            position: absolute;
            top: 0;
            width: 100%;

        }

        .ivory-section-nav {
            position: static;
            max-width: 100%;
        }


        .menu .nav {
            display: none;
            position: absolute;
            z-index: 3;

        }

        .nav ul {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background: #A5B6BA;
            flex-direction: column;
        }


        .nav {
            max-width: 100%;
            width: 100%;
            border: 0;
        }

        .nav ul li a {
            color: #fff;
            font-family: 'Saol Display Regular';
            font-weight: normal;
        }

        .nav ul li:last-child a {
            font-weight: normal;
        }

        .nav ul {
            width: 100%;
        }

        .nav ul li {
            border: 0;
            padding: 0 20px;
        }

        .nav ul li:last-child {
            border: 0;
        }






        .nav,
        .container {
            margin: 0 0 0 auto;
            max-width: 100%;
        }

        .flex-col-v {
            padding-top: 0;
        }

        .flex-col-v .image-panel {
            width: 100%;
            order: 2;
        }

        .flex-col-v .text-section {
            width: 100%;
            order: 1;
        }

        .flex-col-v {
            flex-direction: column;
        }

        .flex-col-v {
            width: 100%;
        }

        .flex-col-v .text-section .text-list {
            padding: 0 0 0 0;
        }


        .flex-col-v.rev .image-panel {
            width: 100%;
        }

        .flex-col-v.rev .text-section {
            width: 100%;
        }

        .flex-col-v.rev {
            flex-direction: column;
            padding: 0 40px;
        }

        .flex-col-v,
        .flex-col-v.rev {
            width: 86%;
            margin: 0 auto;
            padding: 0;
        }


        .landing-page .flex-col-h,
        .landing-page .flex-col-v,
        .landing-page .flex-col-v.rev,
        .landing-page .flex-col-section-3,
        .landing-page .flex-col-section-2 {
            padding: 22px 0;
            width: 86%;
            margin: 0 auto;
        }

        .flex-col-section-3 .list-item {
            width: 100%;
        }

        .landing-page .flex-col-h {
            width: 100%;
        }

        .flex-col-section-2 {
            width: 100%;
            max-width: 100%;
        }



        .flex-col-section-3 .list-item img {
            width: 100%;
        }

        .flex-col-v.rev .text-section .text-list {
            padding: 0 0 45px 0;
        }



        .flex-col-v .image-panel > img {
            padding: 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .flex-col-h.video {
            width: 100%;
        }


        .banner {
            background-size: auto 140%;
        }

        .logo-banner img {
            width: 150px
        }

        .logo-banner {
            height: 70%;
        }

        .down-arrow {
            height: 30%;
            z-index: 1;
            display: block;
            display: flex;
            align-items: center;
        }

        .footer {
            padding: 30px 0;
        }

        .flex-col-h-f {
            flex-wrap: wrap;
            width: 86%;
            margin: 0 auto;
        }

        .footer ul.brand-list li {
            padding: 20px 20px 0;
        }

        .footer .left-panel {
            width: 80%;
        }

        .footer .right-panel {
            width: 80%;
        }

        .flex-col-section-2 .list-item img {
            width: 100%;
        }


        .desktop,
        .imgdesk {
            display: none;
        }

        .mob,
        .imgmob {
            display: block;
        }



        .banner.second {
            background-size: auto 100%;
        }

        .banner.second {
            background-position: center center;
            margin-bottom: 20px;
        }

        .banner.third {
            background: url(../images/lifestyle/high-street-1182-mob.jpg) no-repeat center bottom;
        }

        .banner.third {
            background-size: cover;
            margin-bottom: 20px;
        }

        .footer ul.brand-list {
            margin-top: 0;
        }

        .flex-col-v.space-mob {
            padding-bottom: 40px;
        }

        .flex-col-v.space-mob img {
            padding-top: 40px;
        }

        .flex-col-v.rev-mob .image-panel {
            order: 1;
            margin-bottom: 40px;
        }

        .flex-col-v.rev-mob .text-section {
            order: 2;
        }

        .flex-col-h.mob-space {
            padding-bottom: 0;
        }

        .flex-col-h,
        .flex-col-v {
            padding: 20px 0;
        }

        .flex-col-h.video {
            padding-top: 40px;
        }

        .container h1 {
            margin: 20px 15px 60px;
            letter-spacing: 1.6px;
            font-size: 16px;
        }


        .arrow-down-icon.scroll-to-target {
            position: absolute;
            bottom: 40px;
        }



    }


    @media(max-width: 575px) {

        .footer .left-panel {
            width: 100%;
        }

        .flex-col-h-f {
            flex-direction: column;
            width: 100%;
        }

        .footer {
            background: #a5b6ba;
            padding: 30px 45px;
        }

        .footer h2 {
            font-size: 14px;
            line-height: 20px;
        }

        .footer .contant-info {
            margin-bottom: 15px;
        }

        .footer .right-panel {
            width: 100%;
        }

        .container img {
            max-width: 100%;
        }

        .footer ul {
            margin-top: 10px;
        }

        .footer ul.brand-list li {
            padding: 20px 25px 0;
        }

        p.title-image.right-align {
            text-align: left;
            padding-right: 0;
        }


        .footer ul.brand-list li:nth-child(1) {
            padding-left: 0;
        }

        .listing .list-item-map {
            width: 100%;
        }

        .container h1 br {
            display: none;
        }

        .inquiry-form p.small span {
            display: block;
        }
		
		
		
		
		.inquiry-form {
			padding: 33px 30px 44px;
		}
		
		.inquiry-form {
			max-height: calc(100vh - 60px);
		}
		
		.btnClose {
		right: 10px;
		top: 10px;

		}
		

    }


    @media(max-width: 480px) {

        .footer ul.brand-list li {
            padding: 20px 15px 0;
        }

        .inquiry-form p,
        .inquiry-form h4 {
            font-size: 10px;
            line-height: 18px;
        }

        .form-list input[type="text"],
        .form-list input[type="email"] {
            font-size: 10px;
        }

        .form-group .btn {
            font-size: 12px;
        }
		
		.video-center-panel {
		padding: 0 10px;
		}
		
		
	
	.inquiry-form {
    max-height: calc(100vh - 60px);
}

    }


    @media(max-width: 430px) {

		
		.inquiry-form p.small{height:20px;}
		
		.footer {
			padding: 30px 25px;
		}

		.video-content-popup {
			width: 95%;
		}
		
		.video-center-panel{padding: 0 10px;}
		
		.enquiry-form {
			padding-bottom: 20px;
		}
		
		form {
			margin-top: 25px;
		}
		

    }


    @media(max-width: 330px) {

        
		
		
		.form-list input[type="text"]{margin-bottom:10px;}
		
		.inquiry-form .info-list{margin-bottom:10px;}
		
		.form-group .btn{margin-top:20px;}
		
		.popup-flex-center {
            align-items: center; height:94vh;
        }



        .form-list input[type="text"] {
            margin-bottom: 15px;
        }

       
		
		.inquiry-form {
			padding: 20px 30px 20px;
		}
		
		.inquiry-form {
			max-height: calc(100vh - 40px);
		}

    }