@media screen and (min-width: 1200px) {

 .robin-img{
	 width: 100%; 
	 height: 100%; display: block;
 }
 .robin-div{
	 position: relative; 
	 width: 400px; 
	 height: 440px;
 }
 }
 
  @media only screen and (max-width: 1199px) and (min-width: 992px) 
 {
 .robin-img{
	 width: 100%; 
	 height: 100%; display: block;
 }
 .robin-div{
	 position: relative; 
	 width: 400px; 
	 height: 465px;
 }
 } 

 
   @media only screen and (max-width: 991px) and (min-width: 768px) 
 {
 .robin-img{
	 width: 100%; 
	 height: 100%; display: block;
 }
 .robin-div{
	 position: relative; 
	 width: 400px; 
	 height: 485px;
 }
 .mapitem1{
	 height: 492px !important;
 }
 
 }
 

@media only screen and (max-width: 767px)
 {
 .robin-img{
	 width: 100%; 
	 height: 100%; display: block;
 }
 .robin-div{
	 position: relative; 
	 width: 400px; 
	 height: 560px;
	 font-size: 20px;
 }
 .robin-call{
	 width: 100%; 
	 color: #7B3F00; 
	 font-size: 16px;
 }
 .robin-gap{
	 margin-top: 0px;
 }
 
 .robin-below{
	 padding-bottom: 10px;
 }
 
 }  
 
 @media only screen and (max-width: 767px) and (min-width: 576px) 
 {
	.robin-screen{
		margin-top: 0px;

	}
 }
 
 @media screen and (max-width: 768px) {
 {
	.port-back{
		background-color: rgba(245,235,216,0.65);

	}
 }