EVOLUTION-NINJA

Edit File: photogrid.css

#carouselExampleControls >.carousel-inner>.imagesblock>.c {

/* border:1px solid; */

height:auto;

width:100%;

display:grid;

grid-template-columns:repeat(4,1fr);

grid-template-rows: repeat(4,200px);

gap:25px;

padding:6px 12px;

}

/* .slidermobile{

display:none;

} */

body{

overflow-x: hidden !important;

}

.carousel .carousel-item {

transition-duration: 1000;

}

#carouselExampleControls >.carousel-inner>.imagesblock >.c .images>img{

/* border:1px solid red; */

width: 100%;

height:100%

}

.contact-heading {

width: 100%;

font-family: konnect;

font-size: 50px;

font-weight: 600;

text-align: left;

color: rgb(25,88,167);

text-align: center;

text-decoration: underline;

}

@media only screen and (max-width: 600px) {

#carouselExampleControls >.carousel-inner>.imagesblock>.c {

grid-template-columns:repeat(1,100%);

grid-template-rows: repeat(4,auto);

padding: 0px 10px;

}

/* 
   .slidermobile{

display:block

} */
.imagesblock{
    display: none !important;
}

/* #carouselExampleControls >.carousel-inner>.imagesblock >.c .g{

display:none;

} */

}

@media only screen and (max-width: 600px) {

body{

margin: 0%;

overflow-x: hidden;

overflow-y: scroll;

}

.head-1{

overflow-x: hidden !important;
        height: 70px !important;

}
    .im{
        margin-bottom: 10px !important;
    }
    img {
        vertical-align: middle;
        border-style: none;
        margin-bottom: 10px !important;
    }
}

.im{

transform: scale(1.05) !important;

}

/* =====================1st page===================== */

.head-1{
    background-color: #5A9F3B;
    padding: 0px 0px 10px 0px;
    overflow-x: hidden !important;
     overflow-y: hidden !important;
    height: 38px !important;
}
.h1-call{
	margin-top: -5px !important;
       
}

.fa-phone-square{

color: white;

font-size: 25px;

padding-top: 16px;

}

.h1-call a,span{

color: white;

font-size: 17px;

}

.h1-call a:hover{

text-decoration: none;

color: white;

}

.main{

display: flex;

}

.icon{

padding: 10px;

}

.icon i{

font-size: 20px;

color: white;

}

.grey-bg{

background-color: #F4F6FA;

}

.grey-bg .card-body{

height: 250px;

}

.lang-row .card img{

border-top-left-radius: 20px;

border-top-right-radius: 20px;

}

.lang-row .card {

border-radius: 20px;

height:500px;

}

.choose-right{

background-color: #6C86F2;

color: white;

padding: 50px;

border-radius: 20px;

}

.choose{

margin: 30px;

}

.advice{

background-color: #F1F1F1;

border-top-left-radius: 30px;

border-bottom-right-radius: 30px;

}

.tab-content-right{

height: 600px;

font-size: 15px;

}

/* -----navbar-------- */

.navbar{

width: 100%;

}

.navbar a{

padding: 0px 100px;

}

.navbar-nav a {

padding: 30px 8px !important;

font-size: large;

}

.dropdown:hover .dropdown-menu{

display: block;

transform: scale(1.05);

box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

}

.dropdown-menu a{

padding: 10px !important;

}

.navbar-nav li:hover{

text-decoration: under;

}

.gtrac-img{

width: 10% !important;

}

.lang-row .card-text{

height: 220px;

}

.row-gray{

margin: 10px;

background-color: #F1F1F1;

padding-bottom: 34px;

margin-bottom: 15px;

}

.box-content{

display: flex;

border: 2px solid green;

padding: 13px;

border-radius: 10px;

height: 110px;

}

.box-content p{

margin-top: 20px;

margin-left: 20px;

font-family: math;

font-size: 15px;

}

.box-content:hover{

background-color: rgba(232, 232, 232, 0.996);

}

@media only screen and (max-width: 600px) {

.navbar-nav a {

padding: 10px 20px !important;

font-size: large;

/* color: black !important; */

}

.gtrac-img{

width:70% !important;

}

.tabimg{

width: 100%;

}

.mob-display div{

display: flex;

}

.box-content{

margin: 5px;

}

/* -------------footer------------- */

/* footer division */

.footer{

width:100%;

height:auto;

background-color: #263238;

padding-bottom: 10px;

margin-top: 20px;

}

.footer>div>div{

height:auto;

padding-top: 30px;

}

.footer>div>div h5{

font-size: 18px;

color:white;

}

.footer>div{

margin: auto;

}

.footer>div>div p{

font-size: 15px;

color:#ccc;

text-align: start;

}

.footer>div>div ul{

padding-left:0%;

text-align: start;

}

.footer>div>div li {

list-style-type: none;

padding: 5px;

}

.footer>div>div li a{

color:white;

text-decoration: none;

font-size: 16px;

font-weight: light;

color:#ccc;

}

.footer>div>div li a:hover{

color:white

}

.footer>div>div address {

font-size: 16px;

color:white;

overflow: hidden;

font-weight: light;

color:#ccc;

}

.grid>div{

text-align: center;

display:grid;

justify-content: center;

align-items: center;

}

.grid{

display:grid;

/* border:1px solid black; */

grid-template-columns: repeat(6,1fr);

grid-template-rows: repeat(1,40px);

gap: 10px;

margin-top: 25px;

}

.zerozilla{

color: white !important;

}

.sv{

color:#ccc;

overflow: hidden;

vertical-align: middle;

border: 1px solid white;

border-radius: 50%;

padding: 4px;

font-size: 22px;

}

.sv:hover{

color:white;

}

#lastfoot{

text-align: center;

color: #ccc;

padding:10px 0px;

font-size: 15px;

border-top: 1px solid #323f45;

margin-top:13px;

}

#lastp a{

color:#ccc;

text-decoration: none;

font-weight: 600;

}

#lastp a:hover{

color:white;

}

/* ---------------footer end---------------- */