/* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */

.topnav{
	display: none;
}

        .map{
        	margin-left: 30%;
	width: 30%;

}

form{
	margin-left: 10%;
}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/BG1.jpg);
background-size: cover;
backdrop-filter: blur(5px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{
display: flex;
width: 100%;
height: auto;


}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 20%;
margin-right: 20%;
margin-top: 10%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;

}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss1_1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #242323;
margin-top: 7%;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}

.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #242323;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.fs1_text p{
	margin:5%;
}

.fs1_img{
background-image: url(img/fs1_1.png);

width: 452px;
height: 699px;
background-size: cover;

}



input{
	border: none;
	width: 370px;
	height: 40px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;

}

textarea{
	border: none;
	width: 370px;
	height: 100px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	resize: none;

}

.underliner{
	width: 370px;
	height: 8px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 180px;
background: #65EAB7;
}


.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{

	margin-top: 30px;
	display: inherit;
	width: 100%;
	height: 50%
}


.facts_ctx{
width: 100%;
height: auto;
background: #F9F9F9;
}


.features{
	display: flex;
  	margin-left: auto;
  	margin-right: auto;
  	margin: 10%;

}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #000000;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #000000;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 50%;

}

.feature_itm{
	align-content: center;
	margin: 2%;
}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}


.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	margin-left: 23%;
}

.property{
align-content: center;
}


.menuitm a p{
margin-left: 1%;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:230px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


.sev_ctx{
	display: flex;
}
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */



    }
    @media only screen and (max-device-width: 480px) {
 .menuitm{
 	display: none;
 }
 .sev_ctx{

 	margin-left: 15%;
 	width:65%;
 	height: auto;


 }  

.map{
	visibility: collapse;
}

.br{
width: 100%;
height: 40px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/BG1.jpg);
background-size: cover;
backdrop-filter: blur(5px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{


}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 5%;
margin-right: 5%;
margin-top: 10%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
visibility: hidden;
}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #F9F9F9;

}

.ts_img{
visibility: collapse;
	
}
.ss1_img{
	visibility: collapse;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #242323;
margin-top: 7%;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}

.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #242323;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.fs1_text p{
	margin:5%;
}

.fs1_img{
visibility: collapse;
}



input{
	border: none;
	width: 100%;
	height: 150px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	color: #242323;

}

textarea{
	border: none;
	width: 100%;
	height: 370px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	color: #242323;
	resize: none;

}

.underliner{
	width: 100%;
	height: 10px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 380px;
}

.nav{
width: 100%;
height: auto;
background: #65EAB7;
}


.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{
visibility: collapse;
}


.facts_ctx{

}


.features{

}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 120%;
text-align: left;
color: #000000;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;
/* or 51px */
display: flex;


color: #000000;
}

.feature_itm_ico{
	  visibility: collapse;
}

.feature_itm{

	 
}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;

display: table;
margin: auto;
text-align: left;
color: #000000;

}


.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	margin-left: 23%;
}

.property{
align-content: center;
}


.menuitm a p{
margin-left: 1%;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:230px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


form{
margin-top: 50%;

}



.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 10px;
  top: 25%;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #FFFFFF;
  color: white;
}
/* display: flex; height: auto; margin-left: 13%; width:70%*/

    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */



.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 10px;
  top: 25%;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #FFFFFF;
  color: white;
}
        .menuitm{
 	display: none;
 }


    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  




.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 10px;
  top: 25%;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #FFFFFF;
  color: white;
}



    	  .menuitm{
 	display: none;
 }
    	 .sev_ctx{

 	margin-left: 15%;
 	width:65%;
 	height: auto;


 }  

.map{
	visibility: collapse;
}


.br{
width: 100%;
height: 40px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/BG1.jpg);
background-size: cover;
backdrop-filter: blur(5px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{


}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 5%;
margin-right: 5%;
margin-top: 10%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
visibility: hidden;
}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #F9F9F9;

}

.ts_img{
visibility: collapse;
	
}
.ss1_img{
	visibility: collapse;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #242323;
margin-top: 7%;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}

.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #242323;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 32px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.fs1_text p{
	margin:5%;
}

.fs1_img{
visibility: collapse;
}



input{
	border: none;
	width: 100%;
	height: 150px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	color: #242323;

}

textarea{
	border: none;
	width: 100%;
	height: 370px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	color: #242323;
	resize: none;

}

.underliner{
	width: 100%;
	height: 10px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 380px;
}

.nav{
width: 100%;
height: auto;
background: #65EAB7;
}


.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{
visibility: collapse;
}


.facts_ctx{

}


.features{

}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 120%;
text-align: left;
color: #000000;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;
/* or 51px */
display: flex;


color: #000000;
}

.feature_itm_ico{
	  visibility: collapse;
}

.feature_itm{

	 
}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 153.5%;

display: table;
margin: auto;
text-align: left;
color: #000000;

}


.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	margin-left: 23%;
}

.property{
align-content: center;
}


.menuitm a p{
margin-left: 1%;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:230px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


form{
margin-top: 50%;

}




}
    }