body{
	margin:0;
	padding: 0;
	/*overflow: hidden;*/
	font-family: 'Roboto', sans-serif;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
.bg-light {
    /*background-color: #ffffffc2!important;*/
    background-color: #fff!important;
}
.navbar{
	width: 100%;
    /* position: fixed; */
    z-index: 100;
    box-shadow: 2px 0px 15px 1px #00477e;
/*    padding-top: 0;
    padding-bottom: 0;*/
}
#section0 img{
	height:100vh;
	width: 100%;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
    font-size: 20px;
    font-weight: 400;
    padding: 0 20px;
    border-left:1px solid #ff4b00;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ff4b00;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ff4b00;
}
.carousel-indicators {
    top: 20%;
    position: absolute;
     right: 0; 
     bottom: 0; 
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: unset; 
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
     margin-right: 0; 
     margin-left: 0; 
     list-style: none; 
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 200px;
    height: 13%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff0;
    color:#fff;
    background-clip: padding-box;
    /*border-top: 10px solid transparent;*/
    border-bottom: 1px solid #fff;
    opacity: 1;
    transition: opacity .6s ease;
}

#section0 .all-icons{
	width: 200px;
    top: 45%;
    z-index: 1;
    height: auto;
    /*padding: 2px;*/
   	right: 0;
   	text-align: right;
    background: transparent;
    position: absolute;
    border:1px solid #000;
}
#section0 .call-icon{
	width: 45px;
	height: 45px;
    right: -153px;
    background: #eb8c0d;
    margin: 2px 0;
    position: relative;
}
#section0 .call-icon:hover{
	cursor:pointer !important;
    padding-top: 45px;
    width: 200px;
    transition: 1s;
    cursor: pointer;
    content:'Abc';
    color:#fff;
}
#section0 .message-icon{
	width: 45px;
	height: 45px;
    right: -153px;
    background: #eb8c0d;
    margin: 2px 0;
    position: relative;
}
#section0 .calculator-icon{
	width: 45px;
	height: 45px;
    right: -153px;
    background: #eb8c0d;
    margin: 2px 0;
    position: relative;
}
#section0 .location-icon{
	width: 45px;
	height: 45px;
    right: -153px;
    background: #eb8c0d;
    margin: 2px 0;
    position: relative;
}


#section0{
	overflow-x: hidden;
}
#section0 .skool-icon {
    z-index: 99;
    width: 65px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 35px;
    top:40%;
}
#section0 .skool-icon ul li {
    /*background: rgba(238,117,26,.8);*/
    background: rgb(57 110 5);
    width: auto;
    width: 220px;
    height: 65px;
    position: relative;
    margin: 0 1px 1px 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer;
    list-style: none;
}
#section0 .skool-icon ul li a {
    display: block;
    position: relative;
    padding: 15px 0 0 65px;
    text-transform: uppercase;
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
#section0 .skool-icon ul li a span {
    display: block;
}
#section0 .skool-icon ul li:hover {
    margin-left: -155px;
    background: #396e05;
    text-decoration: none;
}
#section0 .skool-icon ul li a:hover {
    text-decoration: none;
}
/*#section0 .skool-icon ul li.qlCallus a:before {
    background: url('../images/icon-dex.png') no-repeat 0 0;
}
#section0 .skool-icon ul li.qlCu a:before {
    background: url(../images/icon-dex.png) no-repeat -35px 0;
}*/
#section0 .skool-icon img{
    width:35px;
    height:35px;
    position: absolute;
    margin:15px;
}
#section0 .slider1{
	width: 100%;
	height:105px;
	/*background-color: red;*/
	/*position: absolute;*/
	z-index: 999;
}
#section0 .slider1 p{
	font-size: 100%;
	color:#fff;
	opacity: 1;
	font-weight: normal;
	padding-top: 30px;
    padding-left: 1068px;
}
#section0 .active  p{
	color: orange;
}
.s2-left{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/s2-left.jpg') no-repeat center/cover scroll;
	/*background-color: #493535;*/
    background-color: #493535a1;
	padding:30px;
}
.s2-right{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/s2-right.jpg') no-repeat center/cover scroll;
	background-color: #1a18188c;
	padding:30px;
}
.s2-left, .s2-right{
	text-align: center;
	padding-top: 22%;
}
.s2-left img, .s2-right img{
	width: 25%;
}
#section1 h3{
	padding-top: 20px;
}
#section1 hr{
	width: 20%;
	border-top: 3px solid #fff;
	border-bottom: none;
	margin: 0 auto
}
#section1 p{
	font-size: 17px;
	font-weight: normal;
	padding: 0 40px;
	padding-top: 15px;
}
#section1 span{
    font-weight: normal;
}
#section2 img{
	height:100vh;
}
#section2 .s3-right{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/sign-blue-bg.jpg') no-repeat center/cover scroll;
	/*background-color: #18246c;*/
	padding: 150px;
}
#section2 .s3-right h4{
	margin-bottom: 8px;
}
#section2 .s3-right hr{
	width: 20%;
	border-bottom: none;
	border-top:3px solid #fff;
	padding: 0;
	margin: 0;
}
#section3 .s4-left{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/sign-bg.jpg') no-repeat center/cover scroll;
	/*background-color: #18246c;*/
	padding:30px;
}
#section3 .s4-left{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/sign-bg.jpg') no-repeat center/cover scroll;
	/*background-color: #18246c;*/
	padding:150px;
}
#section3 .s4-left h4{
	/*padding: 30%;*/
	padding-top:30%;
	margin-bottom: 10px;
}
#section3 .s4-left .carousel-inner, #section2 .s3-right .carousel-inner {
    padding-top: 50px;
}
#section2 .s3-right h3{
	/*padding: 30%;*/
	padding-top:30%;
	margin-bottom: 10px;
}
#section3 .s4-left hr{
	border-top:3px solid #fff;
	border-bottom: 0;
	width: 15%;
	padding: 0;
	margin: 0;
	/*padding-top:15px;*/
}
#section3 .s4-left span{
	font-weight: normal;
}
#section3 .s4-right{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/solar-pump.jpg') no-repeat center/cover scroll;
	/*background-color: #18246c;*/
	padding:30px;
}
#section4 .solar-city{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/solar-city.jpg') no-repeat center/cover scroll;
	/*background-color: #18246c;*/
	/*background-color: #0d143f85;*/
	background-color: #1f2024e8;
    /*background-color: #1f20248a;*/
	padding:30px;
}
#section4 .our-achievement{
	width: 60%;
	height: auto;
	padding-top: 30%;
	margin:0 auto;
	font-weight: normal;
}
#section4 .our-achievement hr{
	width: 20%;
	border-top:none;
	border-bottom: 3px solid #fff;
	padding: 0;
	margin:0;
}
#section4 .our-achievement p{
	padding-top: 15px;
}
#section4 .our-achievement-right{
	width: 70%;
	height:470px;
	/*max-height: 90%;*/
	background: #fff;
	margin-top: 30%;
}
#section4 .our-achievement-right{
	color:#000;
	padding: 25px;
}
#section4 .our-achievement-right h2{
	color:green;
	font-size: 40px;
}
#section4 .our-achievement-right p{
	font-weight: normal;
	font-size: 17px;
	color:gray;
	text-align: justify;
}
#section4 .carousel-control-prev-icon, #section4 .carousel-control-next-icon {
    height: 45px;
    width: 45px;
    outline: black;
    background-color: rgb(0 0 0);
    background-size: 50%, 50%;
    border-radius: 50%;
    border: 1px solid black;
}
#section3 .carousel-control-prev-icon, #section3 .carousel-control-next-icon {
    height: 45px;
    width: 45px;
    outline: black;
    /*background-color: rgb(0 0 0);*/
    background-size: 50%, 50%;
    border-radius: 50%;
    /*border: 1px solid black;*/
    margin-top: 650%;
    /*position: fixed;*/
}
#section4 .our-achievement-right a{
    position: absolute;
    bottom:5%;
}
#section3 .carousel-control-prev {
    z-index: 999999;
    margin-left: 76%;
}
#section2 .carousel-control-prev-icon, #section2 .carousel-control-next-icon {
    height: 45px;
    width: 45px;
    outline: black;
    /*background-color: rgb(0 0 0);*/
    background-size: 50%, 50%;
    border-radius: 50%;
    /*border: 1px solid black;*/
    margin-top: 700%;
    /*position: fixed;*/
}
#section2 .carousel-control-prev {
    z-index: 999999;
    margin-left: 76%;
}
#section2  {
    font-weight: normal;
}
/*#section4 .carousel-control-next  {
    position: absolute;
    right: 0;
    bottom: 0 !important;
    width: 96%;
    top: 50%;
    left: 155px;
    /*top:200%;*/
    /*align-items: unset;
}
#section4 .carousel-control-prev {
    position: absolute;
    right: 0;
    bottom: 0 !important;
    width: 96%;
    top: 50%;
    left: 102px;
    /*align-items: unset;
}*/
#section5 .contact-me{
	width: 100%;
	height: 100vh;
    background-blend-mode: overlay;
	background: url('../images/contact-me.jpg') no-repeat center/cover scroll;
	background-color: #44661b87;
	padding:30px;
}
#section5 .contact-me .contact-me-inner{
	width: 100%;
	height:300px;
	padding: 40px;
	background: linear-gradient(45deg, #ffffffbd, #00b993);
	margin-top: 70%;
	text-align: center;
	box-shadow: 1px 1px 18px 0px black;
}
#section5 .contact-me .contact-me-inner:hover{
	transform: scale(1.1);
	transition: 2s;
	cursor:pointer;
	border-radius: 8px;
	box-shadow: 1px 1px 18px 0px #f6a64d;
}
#section5 .contact-me .contact-me-inner img{
	width: 30%;
	padding-top: 20px;
}
#section5 .contact-me .contact-me-inner h4{
	color: green;
	padding: 0;
	margin: 0;
	padding-top: 20px;
}
#section5 .contact-me .contact-me-inner hr{
	border-top:2px solid green;
	width: 25%;
	margin:5px auto;
}
#section5 .contact-me .contact-me-inner p{
	color: green;
	font-weight: normal;
	font-size: 17px;
}
#section5 .contact-me a:hover{
   text-decoration: none!important;
}
#section6{
	width: 100%;
	height: auto;
    background-blend-mode: overlay;
	background: url('../images/footer-bg.jpg') no-repeat center/cover scroll;
	background-color: #4e5941e8;
	padding:80px 30px;
	font-weight: normal;
	font-size: 17px;
}
#section6 ul li{
	line-height: 30px;
	font-size: 15px;
}
#section6 img{
	width: 8%;
}
#section6 .copyright{
	width: 100%;
	height:auto;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}
#section6 .copyright img{
    width: 9%;
}
#section7 .media-section{
    width: 100%;
    height: 100vh;
    background-blend-mode: overlay;
    background: url('../images/media.png') no-repeat center/cover scroll;
    background-color: #e5e5e5e8;
    padding:100px 0;
    text-align: center;
    font-weight: normal;
    color:#000;
}
#section7 .media-section h4{
    text-align: center;
    /*margin:12px auto;*/
    margin-top: 5%;
    font-size: 32px;
}
#section7 .media-section h5{
    margin:10px 0;
}
#section7 .media-section hr{
    border-top:2px solid #000;
    border-bottom: 0;
    width: 10%;
    margin:0 auto;
}
#section7 .media-section .media-section-inner{
    width: 100%;
    height:200px;
    background-color: #418200;
    margin:5px 0;
    text-align: left;
    /*padding:10px;*/
}
#section7 .media-section .media-section-inner img{
    width: 100%;
    height:200px;
}
#section7 .media-section .content{
    padding: 10px;
    background-color: #c4c4c4;
}
#section7 .media-section .content p{
    margin-bottom: 4px;
}
#section7 .media-section .content hr{
    width: 20%;
    border-top:2px solid #000;
    border-bottom: 0;
    float: left;
}
#section7 .media-section .content p{
    font-size: 15px;
    line-height: 20px;
}
#section7 .media-section .small-section{
    width: 30px;
    height:30px;
    background-color: #366309;
    margin-left: 81%;
    margin-top: 21%;
    position: absolute;
}
#section7 .media-section .small-section img {
    width: 60%;
    height: 15px;
    margin-left: 20%;
}
#section8 .wow-carosole-section{
    width: 100%;
    height: 100vh;
    background-blend-mode: overlay;
    background: url('../images/wow-carasole-bg.jpg') no-repeat center/cover scroll;
    background-color: #172b4f9c;
}
#section8 #sectionSlider{
    width: 100%;
    height:300px;
    padding-top: 15%;

}
#section8 #sectionSlider .item{
    width: 100%;
    background-color:#00133c;
    height:auto;
}
#section8 #sectionSlider .item img:hover{
    cursor:pointer;
    background-color: #ff6a00;
    opacity:.5;
    transition: 2s;
}
#section8 #sectionSlider .item span:hover{
    opacity:1;
}
#section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
    font-size: 40px !important;
    background: black;
    width: 35px;
    position: absolute;
    top:130%;
   /*padding-bottom: 20%;*/
}
#section8 .owl-carousel .owl-nav .owl-next{
    /*float: right;*/
    right: 0;

}
#section8 .owl-carousel .owl-nav .owl-prev{
    /*float: left*/
    left:0;
}
#section8 .item span{
    position: absolute;
    padding-left: 40%;
    padding-top: 20%;
    color:#fff;
    font-size: 28px;
    font-weight: normal;
}
#section8 .item span p{
    font-size: 15px;
}
.team {
    position: relative;
    width: 100%;
    padding: 45px 0 15px 0;
}

.team .team-item {
    position: relative;
    margin-bottom: 30px;
    background: #ffffff;
}

.team .team-img {
    position: relative;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.team .team-img img {
    position: relative;
    width: 100%;
    margin-top: 15px;
    transform: scale(1.1);
    transition: .3s;
}

.team .team-item:hover img {
    margin-top: 0;
    margin-bottom: 15px;
}

.team .team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team .team-social a {
    position: relative;
    margin: 0 3px;
    margin-top: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 16px;
    color: #ffffff;
    background: #258203;
    opacity: 0;
}

.team .team-social a:hover {
    color: #ffffff;
    background: #719a0a;
}

.team .team-item:hover .team-social {
    background: rgba(256, 256, 256, .5);
}

.team .team-item:hover .team-social a:first-child {
    opacity: 1;
    margin-top: 0;
    transition: .3s 0s;
}

.team .team-item:hover .team-social a:nth-child(2) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .1s;
}

.team .team-item:hover .team-social a:nth-child(3) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .2s;
}

.team .team-item:hover .team-social a:nth-child(4) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .3s;
}

.team .team-text {
    position: relative;
    padding: 25px 15px;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, .07);
    border-top: none;
    border-radius: 0 0 15px 15px;
}

.team .team-text h2 {
    font-size: 22px;
    font-weight: 700;
}

.team .team-text p {
    margin: 0;
    font-size: 16px;
}
/* ====================== Other Pages Css ======================= */
.pages{
    width: 100%;
    height:auto;
    padding: 80px 0;
    padding-top: 150px;
    background:#efefef;
    text-align: justify;
}
.pages .sai:hover{
    background: #fff;
    box-shadow: 5px 5px 10px 1px green;
}

#about{
    width: 100%;
    height:auto;
    background-blend-mode: overlay;
    background:url('../images/about-bg.jpg') no-repeat center/cover fixed;
    background-color:#000106c9;
    color:#fff;
}
#projects .project-image{
   width: 100%;
   height:auto;
   padding: 5px;
   border:2px solid #000;
   border-radius: 8px;
   margin:10px 0;
}
#projects .project-image img{
    width: 100%;
    height:200px;
   border-radius: 8px;
}
#contact{
    width: 100%;
    height:auto;
    background-blend-mode: overlay;
    background:url('../images/contact-bg.jpg') no-repeat center/cover fixed;
    background-color:#bebebe;
    color:#000;
}
#contact iframe{
    width: 100%;
    height:350px;
}
#shop .products{
    width: 100%;
    height:auto;
    padding: 20px;
    background-color: #0e678a;
    border-radius: 5px;
    text-align: center;
    color:#fff;
    margin:10px 0;
}
#shop .products a{
    color:#fff;
}
#shop .products h4{
    padding: 10px 0;
}
#details img{
    width: 100%;
    height:auto;
}
#login .login-form{
    width: 50%;
    height:auto;
    padding: 15px;
    background-color: #ffffff;
    margin:0 auto;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 0px 17px 2px #000;
}
#login .login-form img{
    margin:20px 0;
}
#section6 ul li a{
    color:#fff;
}

/* ===================== // Other Pages Css ====================== */









/* =============== Start Responsive  ================= */
@media(max-width: 1920px){
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
        top: 130%;
    }
    #section1 p {
        padding: 0 120px;
    }
}
@media(max-width: 1440px){
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
        top: 95%;
    }
}
@media(max-width: 1280px){
    .s2-left img, .s2-right img {
        width: 30%;
    }
    #section2 .s3-right {
        padding: 80px;
    }
    #section3 .s4-left {
        padding: 80px;
    }
    #section4 .our-achievement-right {
        width: 95%;
        height: 470px;
    }
}
@media(max-width: 1200px){

}
@media(max-width: 1024px){
    #section7 .media-section .small-section {
        margin-left: 77%;
        margin-top: 17%;
    }
    #section1 p {
        padding: 0 50px;
    }
    .s2-left img, .s2-right img {
        width: 40%;
    }
    #section7 .media-section {
        padding: 50px 0;
    }
    #section4 .our-achievement-right {
        height: 435px;
    }
    #section5 .contact-me .contact-me-inner {
        margin-top: 45%;
    }
}
@media(max-width: 768px){
    .navbar-light .navbar-nav .nav-link {
        border-left:none;
    }
    #section0{
        height: auto;
    }
    #section0 img{
        height:auto;
    }
    #section0 .carousel-indicators li {
        display:none;
    }
    #section0 .skool-icon {
        display: none !important;
    }
    #section1 p {
        padding: 0 10px;
    }
    .s2-left, .s2-right {        
        padding-top: 40%;
    }
    .s2-left img, .s2-right img {
        width: 45%;
    }
    #section2 .s3-right {
        padding: 50px 30px;
    }
    #section3 .s4-left {
        padding: 50px 30px;
    }
    #section4 .our-achievement {
       width: 100%;
    }
    #section4 .our-achievement-right {
        width: 100%;
    }
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
        top: 62%;
    }
    #section7 .media-section .small-section {
        margin-left: 69%;
        margin-top: 22%;
    }
    #section7 .media-section h4 {
        margin-top: 9%;
    }
    #section6 .copyright img {
        width: 13%;
    }
    #login .login-form{
        width: 65%;
    }
}
@media(max-width: 576px){
    
    #section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8 {
        height: auto;
    }
    .s2-left, .s2-right {
        padding-top: 10%;
    }
    #section1 p {
        text-align: justify;
        padding: 0 0px;
    }
    .s2-left, .s2-right {
        height: auto;
        padding: 40px 15px;
    }
    #section2 .s3-left{
        display:none;
    }
    #section2 .s3-right {
        padding: 40px 15px;
        height:auto;
    }
    #section2 .s3-right h3 {
        padding-top: 5%;
    }
    #section2 .carousel-control-prev-icon, #section2 .carousel-control-next-icon {
        margin-top: 0;
    }
    #section2 .carousel-control-prev {
        z-index: 999999;
         margin-left: 0%; 
    }
    #section2 .s3-right h4 {
        font-size: 20px;
    }
     #section2 .s3-right p {
        font-size: 17px;
    }
    #section3 .s4-left {
        height:auto;
    }
    #section3 .s4-left h4 {
        padding-top: 0%;
    }
    #section3 .s4-left {
        padding: 50px 15px;
    }
    #section3 .s4-left h5 {
        font-size: 19px;
    }
    #section3 .carousel-control-prev {
        z-index: 999999;
        margin-left: 0; 
    }
    #section3 .carousel-control-prev-icon, #section3 .carousel-control-next-icon {
        margin:0;
    }
    #section3 .s4-left .carousel-inner, #section2 .s3-right .carousel-inner {
        padding-top: 20px;
    }
    #section3 .s4-left span {
        font-size: 15px;
    }
    #section3 .s4-right {
        height: 300px;
    }
    #section8 .wow-carosole-section {
        height:auto;
    }
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
        top: 35%;
    }
    #section4 .our-achievement {
        padding-top: 5%;
    }
    #section4 .solar-city {
        height:auto;
    }
     #section4 .our-achievement{
        width: 100%;
    }
    #section4 .our-achievement-right{
        width: 100%;
        margin-top:5%;
    }
    #section7 .media-section {
        width: 100%;
        height: auto;
    }
   #section7 .media-section .small-section {
        margin-left: 74%;
        margin-top: 10%;
    }
    #section7 .media-section .media-section-inner {
        width: 100%;
        height: 180px;
    }
    #section7 .media-section .media-section-inner img {
        width: 100%;
        height: 180px;
    }
    #section7 .media-section .small-section img {
        height: 17px;
        margin-left: 0;
    }
    #section7 .media-section h4 {
        font-size: 28px;
    }
    #section7 .media-section h5 {
        font-size: 15px;
    }
    #section5 .contact-me {
        width: 100%;
        height: auto;
    }
   #section5 .contact-me .contact-me-inner {
        margin-top: 20px;
    }
    #section6 {
        padding: 40px 10px;
    }
    #section8 .item span {
        font-size: 20px;
        padding-left: 20%;
    }
    #section8 .item span p {
        font-size: 12px;
    }
    #section8 #sectionSlider {
        height: 300px;
    }
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
      top:35%;
    }
    #section5 .contact-me {
        padding: 40px 0;
    }
    #section6 .copyright img {
        width: 25%;
    }
    .pages {
        padding: 40px 0;
        padding-top: 25px;
    }
    .pages h2{
        text-align: center;
        font-size: 24px;
    }
    .pages h4{
        font-size: 18px;
    }
    #login .login-form{
        width: 100%;
    }
}

@media(max-width: 375px){
    #section7 .media-section .small-section {
        margin-left: 70%;
    }
    #section8 #sectionSlider {
        height: 280px;
    }
}
@media(max-width: 320px){
    #section8 .owl-carousel .owl-nav button.owl-prev, #section8 .owl-carousel .owl-nav button.owl-next {
        top: 30%;
        width: 20px;
    }
    #section8 #sectionSlider {
        height: 230px;
    }
    #section7 .media-section .small-section {
        margin-left: 65%;
        margin-top: -11%;
    }
}
/* =============== // Responsive ===================== */