/*
Theme Name: SolarGlow
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Solar Renewable Energy Html Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */
 
 
 
 .gallery {
    width: 100%;
    padding: 50px 0px ;
	
	
}   

.gallery .flexslider li {
	position: relative;
	width: 24%;
	height: 266px;
	float: left;
	margin: 5px 5px 10px 3px;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	border: 1px solid #d1a3a3;
	background-color: #fff;
	padding: 5px;
	box-shadow: 0px 5px #00000026;
}

.gallery .flexslider li p{
	
background-color: #fff;
	
padding: 5px 0px;
}

.gallery .flexslider {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	background: transparent;
	border: none;
}

.gallery .flexslider .slides img {
    height: 250px;
    width: 100%;
    border-bottom: 1px solid #9a9a9a;
}

.ghright{
height:100vh;
}

@media only screen and (max-width: 768px) {
  .ghright{
height:100%;
}

.gallery .flexslider .slides img {
    /* height: max-content; */
    width: 100%;
    /* text-align: center; */
    margin: 0 auto;
}
.gallery .flexslider li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0px;
    padding:5px;
}

}