/* Webcam Grid */
.gabiccemarecom-webcam-grid{margin-bottom:30px }
.gabiccemarecom-webcam-grid .webcam-box__wrap{margin:0;}
.gabiccemarecom-webcam-grid .webcam-box__wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.gabiccemarecom-webcam-grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(7, 1fr);grid-column-gap: 15px;grid-row-gap: 15px;}
.gabiccemarecom-webcam-grid .div1 { grid-area: 1 / 1 / 4 / 3;  position:relative;height:240px  }
.gabiccemarecom-webcam-grid .div2 { grid-area: 4 / 1 / 6 / 2;  position:relative;}
.gabiccemarecom-webcam-grid .div3 { grid-area: 4 / 2 / 6 / 3; position:relative;}
.gabiccemarecom-webcam-grid .div4 { grid-area: 6 / 1 / 8 / 2;  position:relative;}
.gabiccemarecom-webcam-grid .div5 { grid-area: 6 / 2 / 8 / 3; position:relative;}

@media screen and (min-width:768px) {
.gabiccemarecom-webcam-grid {height:320px; display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 15px;grid-row-gap: 15px;}
.gabiccemarecom-webcam-grid .webcam-box__wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.gabiccemarecom-webcam-grid .div1 { grid-area: 1 / 1 / 3 / 3;position:relative;height:auto }
.gabiccemarecom-webcam-grid .div2 { grid-area: 1 / 3 / 2 / 4;position:relative;}
.gabiccemarecom-webcam-grid .div3 { grid-area: 1 / 4 / 2 / 5;position:relative;}
.gabiccemarecom-webcam-grid .div4 { grid-area: 2 / 3 / 3 / 4;position:relative;}
.gabiccemarecom-webcam-grid .div5 { grid-area: 2 / 4 / 3 / 5;position:relative;}
}

@media screen and (min-width:1200px) {
.gabiccemarecom-webcam-grid {height:480px;}
.webcam-box__play-icon{font-size:65px; }
.webcam-box__wrap-title{bottom:20px;}
.webcam-box__title{font-size:20px; }
}

/* Webcam Grid Sameplace */
.gabiccemarecom-sameplace-grid .webcam-box__wrap{margin:0; position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.gabiccemarecom-sameplace-grid{height:300px;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 15px;grid-row-gap: 15px;}
.gabiccemarecom-sameplace-grid .div1 { grid-area: 1 / 1 / 2 / 2;position:relative; }
.gabiccemarecom-sameplace-grid .div2 { grid-area: 1 / 2 / 2 / 3;position:relative;}
.gabiccemarecom-sameplace-grid .div3 { grid-area: 2 / 1 / 3 / 2;position:relative;}
.gabiccemarecom-sameplace-grid .div4 { grid-area: 2 / 2 / 3 / 3;position:relative;}

@media screen and (min-width:768px) {
.gabiccemarecom-sameplace-grid{height:400px;}
}

@media screen and (min-width:1200px) {
.gabiccemarecom-sameplace-grid{height:250px;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;}
.gabiccemarecom-sameplace-grid .div1 { grid-area: 1 / 1 / 2 / 2;}
.gabiccemarecom-sameplace-grid .div2 { grid-area: 1 / 2 / 2 / 3;}
.gabiccemarecom-sameplace-grid .div3 { grid-area: 1 / 3 / 2 / 4;}
.gabiccemarecom-sameplace-grid .div4 { grid-area: 1 / 4 / 2 / 5;}
}