/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Yesteryear&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: 'Brusher';
    src:  url('fonts/Brusher.ttf.woff') format('woff'),
    url('fonts/Brusher.ttf.svg#Brusher') format('svg'),
    url('fonts/Brusher.ttf.eot'),
    url('fonts/Brusher.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
/* Fonts */

:root{--dark:#000; --yellow:#af8d34; --light:#fef9a7; --golden:linear-gradient(90deg, var(--yellow) 0%, var(--light) 50%, var(--yellow) 100%);} 

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'DM Sans'; font-weight:normal; padding:0; color:#4d4d4f; font-weight:400; padding-right:0!important; overflow-x:hidden;
font-size:15px;
line-height:1.4;
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
*:hover{
}

a{color:#373737; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1b3f78;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-family:'Yesteryear';}



@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}

.popUpBox{position:fixed; right:10px; bottom:10px; width:280px; background:var(--golden); color:#000; padding:10px; border-radius:0 30px; text-align:center; z-index:999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:5px; font-size:24px;}
.popUpBox div a{display:block; overflow:hidden; font-weight:700; font-size:20px; margin-top:5px; line-height:1; animation: wiggle 1.5s infinite; color:#000;}
.popUpBox div a i{font-size:20px;}
.popUpBox > a{position:absolute; left:-10px; top:-10px;background:var(--dark); color:#fff; text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px #fff solid;}
.popUpBox div a:hover{color:var(--dark);}
.popUpBox.show{opacity:0; display:none;}


.modal .modal-dialog{max-width:900px}
.modal-content{border:none;position:relative;padding:0!important;border-radius:0;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);box-shadow:0 10px 34px -15px rgba(0,0,0,.24)}
.modal-content .modal-header{padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1;text-shadow:none;background:var(--yellow);color:#fff;opacity:1}
.modal-content .modal-body{border:none;position:relative;z-index:0}
.modal-content .row [class^=col-]:first-child{background:transparent url('../images/bg-1.jpg') no-repeat center center;background-size:cover; min-height:250px;}
.modal-content .modal-body h2{font-weight:700;text-transform:uppercase;font-size:42px}
.modal-content .modal-body h2 span{font-weight:400}
.modal-content .modal-body h4{text-transform:uppercase;font-size:15px}
.modal-content .modal-body .form-control{margin-bottom:10px}
.modal-content .modal-body .btn-primary{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--gold)!important;width:100%;margin-top:10px;border:none!important}
.modal-content .text{position:relative;z-index:0}
.modal-content .text:after{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;content:'';border:1px solid rgba(0,0,0,.1);z-index:-1}

.pricingDetails h3{color:var(--yellow); margin-bottom:10px;}
.pricingDetails ul{display:block; width:100%;margin:0 0 25px; padding:0; list-style-type:none;}
.pricingDetails ul:last-child{margin-bottom:0;}
.pricingDetails ul li{display:block; width:100%; clear:both; padding:10px 0; border-top:1px var(--yellow) dotted;}
.pricingDetails ul li span{float:right; font-weight:600;}


.header-top{display:block; padding:8px 0; background:var(--golden); color:var(--dark); font-size:14px;}
.header-top ul{ list-style-type:none; margin:0; padding:0;}
.header-top ul li{display:inline-block; margin:0 5px;}
.header-top ul li a{color:var(--dark);}
.header-top [class^="col-"] > a{background:var(--dark); padding:10px 20px; color:#fff;}
.header-top ul li:first-child a{margin-right:0px; background:var(--dark); color:#fff; padding:5px 8px; border-radius:5px; font-weight:600;}
.header-top ul li:first-child a:hover{background:var(--yellow);}

.header-logo-area{background:var(--dark);}
.header-logo-area [class^="col-"]{position:relative;}
.header-logo-area [class^="col-"] > a{position:relative; display:block;}
.header-logo-area [class^="col-"] > a img{height:90px;}

.project-slider{display:block; padding-bottom:20px;}
.project-slider img{width:100%;}
.carousel-indicators{ bottom:-40px;}

.carousel-caption{text-align:left; width:auto; right:auto; left:5%; bottom:7%;}
.carousel-caption h2{ color:var(--yellow); background:#fff; float:left; padding:10px 15px; font-family:'Lora'; font-size:16px; text-transform:uppercase; margin:0;}
.carousel-caption > div{display:block; clear:both; overflow:hidden; background:var(--yellow); padding:15px 20px 20px; font-size:22px;}
.carousel-caption > div strong{font-size:32px; font-weight:normal; display:block; clear:both;}



.four-box-area > [class^="col-"] > div{padding:25px; display:block; overflow:hidden;}
.four-box-area > [class^="col-"]:first-child{background:var(--yellow); color:#fff;}
.four-box-area > [class^="col-"]:first-child a{ float:left; clear:both; border:1px var(--dark) solid; color:#fff; padding:5px 10px; padding-right:40px; position:relative; font-size:13px;}
.four-box-area > [class^="col-"]:first-child a i{position:absolute; right:0; top:0; bottom:0; width:30px; text-align:center; color:#fff; line-height:30px; background:var(--dark);}
.four-box-area > [class^="col-"]:first-child a:hover{color:#fff; background:var(--dark);}
.four-box-area > [class^="col-"]:nth-child(3){background:var(--light); color:var(--dark);}
fieldset{border:1px var(--yellow) solid; display:block; padding:15px;}
legend{width:auto; padding:0 12px; font-family:'Yesteryear'; color:var(--yellow); font-size:32px; margin:0;}
.four-box-area span{display:block; clear:both; overflow:hidden; font-size:27px; font-weight:700;}
.four-box-area > [class^="col-"]:nth-child(3) a{font-size:14px; color:var(--yellow);}
.four-box-area > [class^="col-"]:nth-child(3) i{font-size:24px; margin:10px; border:1px var(--yellow) solid; color:var(--yellow); width:50px; height:50px; line-height:50px; display:inline-block; border-radius:50%;}
.four-box-area img{width:100%; height:100%; object-fit:cover;}


.parallax-area{display:block; overflow:hidden; clear:both; padding:100px 0; position:relative;}
.parallax-area:before, .parallax-area:after{position:absolute; right:0; left:50%; top:0; bottom:0; z-index:-1; background:url('../images/parallax-texture-bg.jpg') repeat fixed; display:block; content:'';}
.parallax-area:before{left:0; right:50%; background:transparent url('../images/parallax-bg.jpg') no-repeat center left fixed;}
.parallax-area > div > div{ padding:35px; display:block; background:#fff; width:65%; float:right;}
.parallax-area h3{font-size:38px; color:var(--dark); display:block; margin-bottom:25px;}
.parallax-area a{text-decoration:underline; color:#3c3c3c;}
.parallax-area a:hover{text-decoration:none;}

.parallax-area h3 a{text-decoration:none; font-size:15px; float:right; font-family: 'DM Sans'; text-transform:uppercase; background:var(--dark); color:#fff; padding:8px 20px; outline:2px var(--dark) solid; outline-offset:3px; animation: outlinePulse 2s infinite ease-in-out;}
@keyframes outlinePulse {
  0% {
    outline-offset: 3px;
  }
  50% {
    outline-offset: 8px;
  }
  100% {
    outline-offset: 3px;
  }
}


.parallax-area ul{margin:0 0 10px; padding:0; font-size:14px; list-style-type:none; display:block; overflow:hidden;}
.parallax-area ul li{margin-bottom:15px; padding-left:90px; line-height:1.5; position:relative;}
.parallax-area ul li div{display:block; padding:5px 0;}
.parallax-area ul li div span{background:var(--yellow); display:inline-block; padding:4px 8px; color:#fff; margin-right:5px; margin-bottom:5px; border-radius:5px;}
.parallax-area ul li img{position:absolute; left:0; top:10px; width:75px;}


.pricingBox{padding:80px 0 50px; display:block; overflow:hidden; position:relative;}

.pricingBox img{position:absolute; right:0; height:100%; width:22%; top:0; object-fit:cover;}
.pricingBox .row .row [class^="col-"]{margin-bottom:30px;}
.pricingBox h3{color:var(--yellow); margin-bottom:10px; font-size:26px;}
.pricingBox ul{display:block; width:100%;margin:0 0 25px; padding:0; list-style-type:none;}
.pricingBox ul:last-child{margin-bottom:0;}
.pricingBox ul li{display:block; width:100%; clear:both; padding:8px 0; border-top:1px var(--yellow) dotted;}
.pricingBox ul li span{float:right; font-weight:600;}

.pricingBox1 { border:1px dotted; #000; background:var(--golden); margin-bottom:10px; }

.inner-banner{display:block; overflow:hidden; margin-bottom:0px;}
.inner-head{display:block; position:relative; padding:45px 0 70px; background:transparent url('../images/parallax-texture-bg.jpg') repeat fixed;}
.inner-head:before{ content:''; display:block; background:#75913b; left:0; right:50%; top:0; bottom:0; position:absolute;}

.inner-head h1{color:#fff; font-size:48px; line-height:1;}
.breadcrumb{background:none; margin:0; padding:0; font-size:12px; text-transform:uppercase; float:right; color:#fff;}
.breadcrumb a, .breadcrumb-item + .breadcrumb-item::before{color:#fff;}

.inner-content{padding:30px; display:block; background:#eaddcd; font-size:14px; position:relative; z-index:10;}
.inner-content h2, .inner-content h3, .inner-content h4{font-family: 'Lora';}
.inner-content h2{font-size:22px; line-height:1.3;}
.inner-content h3{font-size:18px; line-height:1.3;}
.inner-content p{text-align:justify;}

.inner-content ul{margin:0 0 10px; padding:0; font-size:14px; list-style-type:none; display:block; overflow:hidden;}
.inner-content ul li{margin-bottom:10px; padding-left:20px; line-height:1.5; position:relative;}
.inner-content ul li:before{position:absolute; left:2px; top:5px; display:block; content:'\f111'; font-family:'Font Awesome 5 Free'; font-size:8px; color:var(--light); display:block; font-weight:900;}


hr{border:none; margin:20px 0 30px; display:block; border-top:2px #9c8e7d dotted;}


.boxpic [class^="col-md-3"] div {
    display: block;
    overflow: hidden;
    clear: both;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #f3f3f3;
    padding: 5px;
    width: 100%;
    height: 250px;
}
.boxpic [class^="col-md-3"] div img{padding:0;
  display: inline-block !important;
  width: 100%;
  height: 100%;
  object-fit: cover;}


.footer-form-area > [class^="col-"]{ background:#fff; padding:25px; text-align:center; color:#222;}
.footer-form-area > [class^="col-"]:first-child, .footer-form-area > [class^="col-"]:last-child{background: transparent url('../images/form-left-img.jpg') no-repeat left top; background-size:100%;}
.footer-form-area > [class^="col-"]:last-child{background-image:url('../images/form-right-img.jpg');}
.footer-form-area h4{font-family:'Lora'; font-size:22px;}
.footer-form-area p{font-size:13px;}
.footer-form-area .row [class^="col-"]{padding-right: 10px; padding-left: 10px;}
.footer-form-area form{text-align:left!important; font-size:13px; color:var(--yellow);}
.footer-form-area form input, .footer-form-area form textarea{border-radius:0; border-color:var(--yellow);}
.footer-form-area form input[type="submit"]{background:var(--yellow); border:none; padding:10px 20px; color:#fff; text-transform:uppercase; font-size:15px; cursor:pointer;}
.footer-form-area form input[type="submit"]:hover{background:var(--dark);}

.footer{display:block; overflow:hidden; padding:40px 0 20px; background:var(--dark); color:var(--light);}
.footer [class^="col-"]{margin-bottom:15px;}
.footer [class^="col-"] img{height:80px; margin-bottom:15px;}
.footer [class^="col-"] p{display:block; clear:both; overflow:hidden; margin-bottom:30px;}
.footer [class^="col-"] ul{margin:0 0 10px; padding:0; list-style-type:none;}
.footer [class^="col-"] ul li{padding:0; margin:0 15px 0 0; display:inline-block; font-size:22px;}
.footer [class^="col-"] ul li a{color:var(--light);}
.footer [class^="col-"] ul li a:hover{color:var(--yellow);}

.copyRight{text-align:center; padding-top:15px; margin-top:0; border-top:2px var(--yellow) dotted;}

.phone-link{margin:0 auto; width:260px; display:block; text-align:center; padding:15px; background:#75913c; color:#fff; font-size:24px; border-radius:5px;}
.phone-link i{border:2px #fff solid; border-radius:50%; padding:12px; margin-right:10px; background:#9ab75d;}
.phone-link:hover{color:#fff; background:#28412c;}

.student-registration{background:#fff; display:block; padding:3%; font-size:13px; color:#bda380;}
.student-registration input, .student-registration textarea{border-radius:0!important; border-color:#e3d7c7!important;}
.student-registration input[type="button"]{background:#d4a976; border:none; padding:10px 20px; color:#fff; text-transform:uppercase; font-size:15px; cursor:pointer;}
.student-registration input[type="button"]:hover{background:#74903b;}


.testimonialsArea{background:var(--light);clear:both; overflow:hidden; padding:60px 0 80px; position:relative; text-align:center;}
.testimonialsArea > img{width:100%; margin-bottom:50px;}
.testimonialsArea > div{position:relative; z-index:100;}
.testimonialsArea h4{font-size:42px; margin-bottom:10px; padding:0; color:var(--dark); }
.testimonialsArea h4 + p{margin-bottom:35px; font-size:22px; font-weight:300;}
.testimonialsArea > div > a{display:inline-block; background:var(--dark); padding:12px 30px; color:#fff;text-transform:uppercase;}
.testimonialsArea > div > a:hover{background:var(--yellow); color:#fff;}
/*.testimonialsArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--golden); z-index:5;}*/
.testimonialsArea .row{margin-bottom:0;}
.testimonialsArea .row [class^="col-"]{position:relative; margin-bottom:40px;}
.testimonialsArea .row [class^="col-"] > div h5{margin-bottom:10px; color:#222;}
.testimonialsArea .row [class^="col-"] > div p{line-height:1.3; font-size:14px;}
.testimonialsArea .row [class^="col-"] > div strong{font-size:15px;color:var(--yellow);}
.testimonialsArea [class^="col-"] > div > div{display:block; margin-bottom:10px; font-weight:700; color:var(--sky);}
.testimonialsArea [class^="col-"] > div span{width:80px; height:16px; display:inline-block; margin-left:5px; top:3px; position:relative; background:url('../images/stars.png') no-repeat left top;}
.testimonialsArea [class^="col-"] > div span.star-4{background-position:left top -16px;}
.testimonialsArea [class^="col-"] > div span.star-3{background-position:left top -32px;}
.testimonialsArea [class^="col-"] > div span.star-2{background-position:left top -48px;}
.testimonialsArea [class^="col-"] > div span.star-1{background-position:left top -64px;}



/*----------------------------------------------*/
.fullArea{width:1280px; max-width:92%; margin:0 auto;}

.nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:50vh;}
.nxtBanner:after{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.03683480228028713) 0%, rgba(51,51,51,0.7707283597032564) 96%); position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; }
.nxtBanner .nxtbanner-inner img{width:100%; height:100%; object-fit:cover;}
/*.nxtBanner [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 45%; height: 45px; width: 45px; color: #fff; left: -70px;}
.nxtBanner [class^="carousel-control-"]:last-child{right:-70px; left: auto;}
.nxtBanner [class^="carousel-control-"] img{filter: brightness(0) invert(1);}*/

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}


.nxtBanner .fullArea{position:relative;z-index:5; }

.nxtBanner h1{font-weight:700; font-family:'Libre Franklin'; display: block; font-size:40px; margin-bottom:10px; color:#fff!important; padding:0 0 10px; text-transform:uppercase; letter-spacing:4px; line-height:1.1; position: absolute; left:50%; z-index:105; transform:translate(-50%,50%); z-index:5; bottom:50%; text-shadow: #858f99 1px 1px 0px, #b4b4b4 0px 2px 0px, #a0a0a0 0px 3px 0px, rgba(140, 140, 140, 0.498039) 0px 4px 0px, #787878 0px 0px 0px, rgba(0, 0, 0, 0.498039) 0px 5px 10px; }


.nxtwelcomeArea{  width:100%; clear:both;  color:#111;  background-color:#f1f1f1; position:relative;  z-index:10;  display: block; }
.nxtwelcomeArea h2{ color: #555564; font-size:24px; }
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--golden);}
.nxtwelcomeArea h3{font-family:'Libre Franklin'; color:var(--golden); font-size:20px; padding-bottom:10px;   }
.nxtwelcomeArea p{margin-bottom:30px; color:#111;}

.nxtwelcomeArea .bginner{ background:#fff; padding:60px 20px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}




.nxtwelcomeArea input, .welcomeArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px; }
.nxtwelcomeArea textarea{height:100px!important;}
.nxtwelcomeArea [type="submit"]{border:none; background:var(--yellow)!important; color:#111; font-weight:600; margin-bottom:0px;}
.nxtwelcomeArea [type="submit"]:hover{cursor:pointer; background:var(--red); color:#fff;}
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div{background:var(--dark)!important;  display:block; overflow:hidden; padding:30px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; }

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div h2{ color:var(--golden)!important;}


.nxtwelcomeAreaimg{ margin:20px auto;}
.nxtwelcomeAreaimg img{padding:10px 5px 10px; width: 100%; padding: 5px; border: 1px solid #ddd; border-radius:10px;}

ul.nxtwelcomeAreaimg li{ display:inline-block; padding:10px 5px 10px; width:30%; margin:40px 10px 10px; text-align:center; background:#fff; color:#fff; border-radius:10px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:14px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
ul.nxtwelcomeAreaimg li i{display:block;width:100%;margin-bottom:15px; font-size:36px;}
ul.nxtwelcomeAreaimg li h4{display:block;font-family:'Libre Franklin';font-size:20px; padding-top: 20px;}
ul.nxtwelcomeAreaimg li:hover{background:var(--light)!important; color: #111;}




.highlight-txt{ background: var(--dark); position: relative; padding: 10px 10px 10px 45px; font-size: 20px;  text-align: center; display:inline-block; margin: 20px auto 10px; color: #fff!important;}
.highlight-txt strong{ color: #fff!important; }
.highlight-txt a{ color:var(--sky); }
.highlight-txt:before{ background:var(--orange); position: absolute; top:-2px; left:-15px; width:37px; height:37px; border-radius:50%; padding:26px; line-height:37px; font-size: 25px; content:'';  display: block;   }
.highlight-txt span{ position: absolute; top:10px; left:0; z-index: 100;}


.contactArea{ margin:0 auto; font-size:17px; }

.contactArea h3{font-family:'Libre Franklin'; font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--golden);}
.contactArea .col-md-7 div{border-bottom: 2px #000 solid!important; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--red); font-size: 18px;}

.contactformArea{display: block; overflow: hidden; padding: 60px 0; clear: both; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contactformArea > div{width:900px; margin: 0 auto; max-width: 100%;}
.contactformArea h2{margin-bottom: 25px; font-family:'Libre Franklin'; text-align: center;}

.nxtservice_area{ background: var(--golden)!important; color: #111;  padding:50px 0;}
.nxtservice_area h2{ color: #111; font-size:32px;  }


.gallery-listing > [class^="col-"]{}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:30px;  border:1px solid #f3f3f3; padding:5px; width:100%;  height: 250px;}
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out;width:100%;   height:100%; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:var(--red); color:#fff;}

.glsr-default .glsr-review {
  display: flex;
  flex-wrap: wrap;
  gap: var(--glsr-gap-md);
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 25px; background: #fff;
}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (max-width: 1024px){
.parallax-area{text-align:center;}
.parallax-area h3{font-size:30px;}
.parallax-area h3 a{float:none; margin:25px 0 15px; display:inline-block;}
.parallax-area > div > div{width:100%; float:right; padding:20px;}
.parallax-area:before{right:0; left:0%; top:50%; bottom:0%; background-size:cover;}
.parallax-area:after{left:0; right:0; top:0; bottom:50%;}

.parallax-area ul{width:100%; display:block;}
.parallax-area ul li{padding:0;}
.parallax-area ul li div{display:block; padding:5px 0;}
.parallax-area ul li div span{background:var(--yellow); display:inline-block; padding:4px 8px; color:#fff; margin-right:5px; margin-bottom:5px; border-radius:5px;}
.parallax-area ul li img{position:static; width:60px;}

}

@media (max-width: 991px){
.stellarnav{height:0;}
.stellarnav.active{height:auto;}

.header-logo-area [class^="col-"] > a img{height:80px;}


.inner-head:before{right:0; bottom:50%;}
.breadcrumb{float:left;}


.project-slider img{height:250px; object-fit:cover;}
.carousel-caption{left:15px; bottom:0;}
.carousel-caption h2{display:none;}
.carousel-caption > div{padding:5px 10px 5px; font-size:15px;}
.carousel-caption > div strong{font-size:22px;}

}

@media (max-width: 767px){
.footer [class^="col-"]{text-align:center;}
.footer [class^="col-"] p{text-align:center;}
.footer [class^="col-"] ul{float:none;}

.pricingBox img{width:100%; position:static; height:auto;}


.testimonialsArea{padding-bottom:80px;}
.testimonialsArea h2{font-size:25px; text-align:center; margin-bottom:20px; padding-top:20px;}
.testimonialsArea [class^="col"] > div{left:0px; margin-right:0px;}

.nxtBanner {  height: 10vh;}

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div { position: relative;  top:0;  margin-bottom:0;}
.nxtBanner h1{ font-size:30px;}
}

@media (max-width: 500px){
.header-top ul li:first-child{display:none;}
}

@media (max-width: 360px){
.header-logo-area [class^="col-"] > a img{width:85%;}
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}