*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {width: 100%;margin: 0px !important;padding: 0px !important;font-size: 16px;line-height: 1.8;overflow-x: hidden;background-color: #fff;font-family: 'Montserrat', sans-serif; font-weight: 400;}
body,
html { height: 100%; padding: 0 !important;}
.btn:focus,.btn:active {outline: none !important;box-shadow: none;}
h1,h2,h3,h4,h5,h6,ul {margin:0px;padding:0px}
ul {list-style-type: none;margin: 0;padding: 0;display: block;}
li { display: inline-block;}
a {cursor: pointer; color: #2CB18C;}
a:hover {text-decoration: none; color: #34ba9d;}
textarea {resize: none; text-align: center;}
/** my style **/
  .tddiv 
  {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    vertical-align: middle;
    text-align: center;
    background-color: #F7F7F7;
    margin-top: 15px;
    border-radius: 7px;
  }
  .like
  {
    font-size: 0.9em;
  }
   .btn
   {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
  .ratings {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    direction: rtl;
    text-align: left;
  }
  .star {
    position: relative;
    line-height: 60px;
    display: inline-block;
    transition: color 0.2s ease;
    color: #BCBCBC;
  }
  .star:before {
    content: '\2605';
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .star:hover,
  .star.selected,
  .star:hover ~ .star,
  .star.selected ~ .star{
    transition: color 0.8s ease;
    color:#FD6B27;
  }
.red
{
    color: red;
}
.vert
{
    color: #84B556;
}
.currencyinput {
    padding: 20px 10px;
    background-color: #E0E0E0;
    border-radius: 6px;
}
.currencyinput input {
    border: none !important;
}
.currencyinput input:focus
{
    border: none !important;
    border-color: #E0E0E0 !important;
}
b, strong
{
  font-weight: bold;
}
  .owl-carousel .item
  {
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
  }
  .annonce
  {
      background-color: #FFF;
      padding:20px 10px;
      margin-bottom: 15px;
      color: #000 !important;
      border: solid 1px #eee;
  }
  .annonce .item .text a
  {
      color: #000;
  }
  .annonce .text
  {
    font-size: 0.9em;
    padding: 5px;
    font-weight: 200;
    line-height: 30px;
  }
  .annonce .text h6
  {
    font-weight: 100;
    line-height: 1.8em;
  }
  .annonce .heading h4 
  {
     padding-bottom: 0px;
  }

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}

.owl-prev {
  left: -2rem;
}

.owl-next {
  right: -2rem;
}
.btn-info
{
  background-color: #2CB18C;
}
.textcenter
{
	text-align: center !important;
}

/*-------------------*/

.padding
{
    padding: 10px !important;
}
.row {
  display: -ms-flexbox; 
  display: flex;
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap;
  padding: 0 4px;
}
.column {
  -ms-flex: 25%; 
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

td
{
    vertical-align: middle !important;
}

.mynav li:after
{
    content: none !important;
}
.mynav li
{
  padding:0px !important;
  margin-right: 1px !important;
}
.mynav a
{
  background-color: #279B83;
  padding: 7px 15px !important;
  font-weight: 300;     
}
.mynav li.active a
{
  color: #279B83 !important;
  background-color: #efefef !important;
}
.mynav a:hover
{
  color: #279B83 !important;
  background-color: #efefef;
}

.accordions a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

.accordions a:hover,
.accordions a:hover::after {
  cursor: pointer;
  color: #03b5d2;
}

.accordions a:hover::after {
  /* border: 1px solid #03b5d2; */
}

.accordions a.active {
  color: #03b5d2;
  border-bottom: 1px solid #03b5d2;
}

.accordions a::after {
  font-family: 'FontAwesome';
  content: '\f055';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.accordions a.active::after {
  font-family: 'FontAwesome';
  content: '\f056';
  color: #03b5d2;
}

.accordions .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}

.accordions .content p {
  font-size: 1rem;
  font-weight: 300;
}

.accordions .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}
input
{
   text-align:center; 
}
.alert{
    padding:10px;
    color:#FFF;
}
.error
{
    background-color:#D63331;
}
.verify
{
    background-color:#4ACABF;
}
nav {z-index: 999;transition: all 0.3s;}
.navbar {padding: 50px 0;z-index: 9999;}
.navbar-brand {margin-top: -15px;}
.navbar-dark .navbar-nav .active>.nav-link {color: #FFF; background: #138496;}
.navbar-expand-lg .navbar-nav .nav-link {color: #fff;font-size: 14px;padding-right: 25px;padding-left: 25px;padding: .2rem 1rem;font-weight: 500;text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover {color: rgb(255, 255, 0);}
.navbar-dark .navbar-nav .active:after {display: none;}
.navbar-dark .navbar-nav li:last-child:after { display: none;}
.navbar-dark .navbar-nav li:last-child {margin-right: -25px;}
.navbar-expand-lg .navbar-nav li {position: relative;padding: 0 5px;letter-spacing: 0.5px;}
.navbar-expand-lg .navbar-nav li:after {
    content: ' \007C';
    color: #fff;
    float: right;
    position: absolute;
    top: 2px;
    right: 0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sticky {
    background: #51204B;
    padding: 15px 0;
}
.top-container {
    z-index: 99999;
    position: relative;
    background-color: #ffffff;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
.col1 {text-align: left;}
.col2 {text-align: right;}
.top-container .col1 h5 {font-weight: 500;color: #000000;font-size: 15px;padding: 9px 0; letter-spacing: 1px;}
.top-container .col2 .fa {width: 35px;height: 32px;vertical-align: middle;text-align: center;color: #6C6C6C;font-size: 18px;padding: 9px 0;margin-right: -5px;}
/* header .carousel {margin-top: -177px;} */
header .carousel-item img {
    width: 100%;
    /*min-height: 300px; */
    z-index: 9;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
header .gradient {
    background: -moz-linear-gradient(-45deg, rgba(191,0,25,0.5) 0%, rgba(0,21,158,0.5) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(191,0,25,0.5) 0%,rgba(0,21,158,0.5) 100%);
    background: linear-gradient(135deg, rgba(191,0,25,0.5) 0%,rgba(0,21,158,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bf0019', endColorstr='#8000159e',GradientType=1 );
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
header {
    width: 100%;
    height: auto;
    position: relative;
}
header .carousel-indicators .active {
    background-color: #51204B;
}
header .carousel-caption  {
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 100%;
    margin: auto;
    z-index: 999;
}
header .carousel-indicators {bottom: 10px;}
header .carousel-indicators li {
    width: 50px;
    height: 9px;
    margin-right: 7px;
    margin-left: 7px;
    background-color: #fff;
}
header .carousel-item h3 {
    display: inline-block;
    font-size: 20px;
    padding: 15px 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: -moz-linear-gradient(-45deg, rgba(255,0,4,0.4) 0%, rgba(0,6,186,0.4) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,0,4,0.4) 0%,rgba(0,6,186,0.4) 100%);
    background: linear-gradient(135deg, rgba(255,0,4,0.4) 0%,rgba(0,6,186,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff0004', endColorstr='#660006ba',GradientType=1 );
}
header .carousel-item h1 {font-size: 46px;font-weight: 700;letter-spacing: -2px;padding-bottom: 15px;text-transform: uppercase;}
header .carousel-item h2 {font-size: 28px;font-weight: 500;letter-spacing: 1px;padding-bottom: 30px;text-transform: uppercase;}
header .carousel-item h5 {font-size: 15px;font-weight: 400;letter-spacing: 0.5px;line-height: 30px;padding-bottom: 35px;}
header .btn-primary {
    color: #138496;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 35px;
    border-radius: 100px;
    background-color: #ffffff;
    border-color: #ffffff;
    border: 2px solid #fff;
    text-transform: uppercase;
}
header .btn-primary:hover {
    color: #ff0;
    border-color: #ff0;
    background-color: transparent;
    border: 2px solid #ff0;
}
.btn-primary:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

/*==============================
      // About Styles //
==============================*/
.about {width: 100%;height: auto;padding-top: 50px;}
.about .icon {text-transform: uppercase;text-align: center;}
.about .heading {text-transform: uppercase;text-align: center;padding-bottom: 20px;}
.about .heading h3 {font-size: 34px;font-weight: 700;letter-spacing: -1.5px;padding-bottom: 15px;}
.about .heading h4 {font-size: 16px;font-weight: 500;letter-spacing: 0.5px;padding-bottom: 60px;}
.about .icon .fa {
    color: #51204B;
    font-size: 60px;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
}
.about .icon { 
    padding: 1px; 
    border-radius: 50%; 
    margin-bottom: 30px;
    display: inline-block;
	background-color: #51204B;
}
.about .fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
    line-height: 100px;
}
.about .col1,.about .col2,.about .col3 {width: 100%;height: 265px;}
.about .col2 .inner-content h3,.about .col2 .inner-content p {color: #ffffff;}
.about .col2 .fa {color: #ffffff;}
.about .col2 {
    width: 100%;
    height: 305px;
    margin-top: -20px;
    margin-bottom: -20px;
    background: rgb(235,81,107);
    background: -moz-linear-gradient(-45deg, rgb(235,81,107) 0%, rgb(96,113,236) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(235,81,107) 0%,rgb(96,113,236) 100%);
    background: linear-gradient(135deg, rgb(235,81,107) 0%,rgb(96,113,236) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb516b', endColorstr='#6071ec',GradientType=1 );
}
.about .heading {text-align: center;}
.about .box1 {
    width: 100%;
    height: 265px;
    padding-top: 45px;
}
.about .fa {color: #138496;font-size: 30px;}
.about .fa-code {font-size: 33px;}
.about .inner-content {width: 100%; height: 265px;text-align: left; padding-top: 40px;padding-bottom: 60px;}
.about .inner-content h3 {color: #138496;font-size: 25px;font-weight: 500; text-transform: uppercase;padding-bottom: 10px;}
.about .inner-content p {font-size: 16px;font-weight: 400;color: #737373;padding-right: 10px;}
.blog {
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 90px;
}
.blog .heading {text-align: center; text-transform: uppercase;}
.blog .heading h3 {font-size: 34px;font-weight: 700;letter-spacing: -1.5px;padding-bottom: 15px;}
.blog .heading h4 {font-size: 16px;font-weight: 500;letter-spacing: 0.5px;padding-bottom: 60px;}
.blog .img-thumbnail {
    padding: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: none;
    position: relative;
    border-radius: 0;
}
.blog .text-block {
    position: absolute;
    top: 20px;
    left: 15px;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    background: -moz-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%, rgba(27,152,151,0.7) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    background: linear-gradient(135deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3ff00', endColorstr='#b31b9897',GradientType=1 );
}
.blog .text-block h4 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 5px;
    font-weight: 500;
    letter-spacing: 1px;
}
.blog .row:nth-child(2) {
    padding-bottom: 70px;
}
.blog .text-block h4 a {
    color: #fff;
}
.blog .blog-column1 h5 {
    font-size: 19px;
    padding-bottom: 20px;
    line-height: 27px;
    margin-top: -4px;
    font-weight: 500;
}
.blog .blog-column1 h5 a {
    color: #000;
}
.blog .blog-column1 p {
    color: #a8a8ad;
    font-size: 14px;
    font-weight: 400;
}
.blog .blog-column1 .btn-primary {
    color: #138496;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    border-color: transparent;
    background-color: transparent;
}
.blog .blog-column1 .btn-primary:hover {color: #138496;}
.btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;}
.blog .image-one  {
    overflow: hidden;
}
.blog .image-one img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
.blog .image-one img:hover{
    -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}

/*==============================
      // Portfolio Styles //
==============================*/
.portfolio {
    width: 100%;
    height: auto;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 60px;
    position: relative;
    background-image: url("../images/portfolio-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.portfolio .main-content {padding-left: 50px;padding-right: 50px;}
.portfolio .gradient {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(-45deg, rgba(193,45,73,0.8) 0%, rgba(54,83,205,0.8) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(193,45,73,0.8) 0%,rgba(54,83,205,0.8) 100%);
    background: linear-gradient(135deg, rgba(193,45,73,0.8) 0%,rgba(54,83,205,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc12d49', endColorstr='#cc3653cd',GradientType=1 );   
}
.portfolio .other .img-fluid {width: 100%;height: 555px;}
.portfolio .img-thumbnail {padding: 0;background-color: #fff;border: none;border-radius: 0;object-fit: cover;max-width: 100%;height: auto;}
.portfolio .overlay img {
    width: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
}

.portfolio .img-fluid {
    margin-bottom: 30px;
}
.portfolio button {
    background: #e1e1e1;
    color: #000;
    font-family: Sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 35px;
    font-weight: 200;
    line-height: 35px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    transition: all 0.3s ease 0s;
}
.portfolio .load-more {
    text-align: center;
    padding-top: 50px;
}
.portfolio button:hover {
    background: #f7eb00;
    color: #000;
    border-color: #f7eb00;
}

.portfolio .box {
    position: relative;
    padding: 0;
}

.portfolio .img-fluid {
    display: block;
    width: 100%;
    height: auto;
}

.portfolio .box:hover .overlay {
    opacity: 1;
}
.portfolio .text span {display: block;}
.portfolio .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 92.6%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=1 );
    display: flex;
    align-items: center;
    justify-content: center;
}
.portfolio .other .overlay {
    height: 94.8%;
    width: 92.2%;
}
.portfolio .other1 .overlay {
    height: 92.2%;
    width: 95%;
}
.portfolio .text {
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.5px;
    position: absolute;
} 
.portfolio h4 {
    font-size: 15px;
    color: #8d8d8d;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 60px;
}
.portfolio .other1 .overlay img {
    width: 15%;
}
.modal {z-index: 99999;}
.modal-backdrop.show {
    opacity: .8;
}
.modal-backdrop {z-index: 9999;}


.portfolio .heading {color: #fff; text-align: left; text-transform: uppercase;}
.portfolio .heading h3 {font-size: 38px;font-weight: 700;letter-spacing: -1.5px;padding-bottom: 10px;}
.portfolio .heading h4 {font-size: 22px;font-weight: 500;letter-spacing: 0.5px;padding-bottom: 50px;color: #ffffff;}

.portfolio .carousel-control-prev {left: -109px;}
.portfolio .carousel-control-next {right: -109px;}
.portfolio .carousel-control-next, .carousel-control-prev {top: 0;opacity: 1;color: #000;}
.portfolio .fa {padding: 8px 12px;background: #fff;}
.portfolio .carousel-inner .carousel-item.active,
.portfolio .carousel-inner .carousel-item-next,
.portfolio .carousel-inner .carousel-item-prev {
  display: flex;
}

.portfolio .carousel-inner .carousel-item-right.active,
.portfolio .carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.portfolio .carousel-inner .carousel-item-left.active, 
.portfolio .carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
  
.portfolio .carousel-inner .carousel-item-right,
.portfolio .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}
.portfolio .box .img-fluid {
    display: block;
    width: 100%;
    height: 380px;
    object-fit: cover;
}
/*==============================
      // Subscribe Styles //
==============================*/
.Subscribe {width: 100%;height: auto;color: #000;padding-bottom: 89px;}
.Subscribe .main {border: 1px solid #c4c4c4; padding: 60px 0;background: #f5f5f5;}
.Subscribe form {float: left;}
.Subscribe .heading h3 {
    font-size: 38px;
    font-weight: 500;
    line-height: 67px;
    padding-right: 18px;
    text-align: right;
}
.form-control
{
  color: #000;
}
.Subscribe .Subscribe {padding: 55px 0;}
.Subscribe .form-control {
    margin-bottom: 19px;
    font-size: 14px;
    border-radius: 0;
    font-style: italic;
    padding: 10px 10px;
}
.Subscribe .input-group {padding: 7px 0;}
.Subscribe .btn-info {
    width: 170px;
    height: 56px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    font-size: 19px;
    border-radius: 0;
    font-weight: 500;
    border: none;
    background: rgb(132,181,0);
    background: -moz-linear-gradient(-45deg, rgba(132,181,0,1) 0%, rgba(0,197,199,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(132,181,0,1) 0%,rgba(0,197,199,1) 100%);
    background: linear-gradient(135deg, rgba(132,181,0,1) 0%,rgba(0,197,199,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b500', endColorstr='#00c5c7',GradientType=1 );
}
.Subscribe .btn-info:hover {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    border: none;
}
.Subscribe .btn-info:not(:disabled):not(.disabled):active {
    color: #51204B;
    background-color: transparent;
    border-color: #51204B;
}
.Subscribe input {
    font-size: 12px;
    width: 290px;
    height: 56px;
    padding: 0 18px;
    border: none;
    color: #fff;
    background: #000;
}
footer {
    width: 100%;
    height: auto;
    color: #fff;
    position: relative;
    padding-top: 50px;
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
footer img {padding-bottom: 30px;}
footer .content {border-right: 1px solid #2e2927;}
footer .content p {font-size: 14px;font-weight: 200;letter-spacing: 0.5px;padding-right: 50px;}
footer  h5 {color: #138496; text-transform: uppercase;font-size: 16px;}
footer  ul>li {display: block;}
footer  ul>li a {color: #fff;text-transform: uppercase;font-size: 12px;}
footer  ul>li a:hover {color: #ff0;}
footer .gradient {
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
footer .footer-copyright {position: relative; width: 100%;height: auto;background: black; font-weight: 200;}
footer .footer-copyright p {color: #fff;font-size: 14px;padding: 20px 0;}
footer .footer-copyright a {color: #138496;}
.banner {
    width: 100%;
    height: 350px;
    display: flex;
    position: relative;
    align-items: flex-end;
    padding-bottom: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -148px;
    background-image: url(../images/banner-1.jpg);
}
.banner .heading {
    color: #fff;
    z-index: 999;
    text-align: center;
}
.banner .heading h1 {font-size: 35px;font-weight:900; padding-bottom: 15px;}
.banner .heading h2 {font-size: 28px;font-weight:300; letter-spacing: 1px;padding-bottom: 30px;text-transform: uppercase;}
.banner .gradient {

background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,96,121,0.6222864145658263) 100%, rgba(0,212,255,1) 100%);

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
/*==============================
      // About Styles //
==============================*/
#about-us {
   /* border-bottom: 1px solid gray; */
    padding-top: 100px;
    padding-bottom: 100px; */
    background-color: #fff;
}
#about-us h3 {font-size: 44px;padding-bottom: 65px;text-transform: uppercase;font-weight: 400;    letter-spacing: -2px;}
#about-us p {
    margin: 0;
    color: #8d8d8d;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-align: left;
    font-weight: 400;
    margin-bottom: 200px;
}
#about-us .image {
    float: left;
    shape-margin:20px;
    margin-right: 50px;
    margin-bottom: 52px;
}
#about-us .thumbnail {padding: 0;border: none;border-radius: 0;object-fit: cover;}#about-us {
 /*   border-bottom: 1px solid gray;
    padding-bottom: 100px; */
    background-color: #fff;
}
#about-us p {
    margin: 0;
    color: #414040;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    font-weight: 100;
}
#about-us .image {
    float: left;
    shape-margin: 20px;
    margin-right: 50px;
    margin-bottom: 40px;
}
#about-us .thumbnail {padding: 0;border: none;border-radius: 0;object-fit: cover;}
/*==============================
      // Blog Styles //
==============================*/
.blog-page {
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 200px;
}
.blog-page .heading {text-align: left; text-transform: uppercase;}
.blog-page h2 {font-size: 30px;padding-bottom: 30px;text-transform: capitalize;font-weight: 500;letter-spacing: -1px;}
.blog-page hr {background: #e8cbd3; margin-bottom: 60px;}
.blog-page .img-thumbnail {
    padding: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: none;
    position: relative;
    border-radius: 0;
}
.blog-page .text-block {
    position: absolute;
    top: 20px;
    left: 15px;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    background: -moz-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%, rgba(27,152,151,0.7) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    background: linear-gradient(135deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3ff00', endColorstr='#b31b9897',GradientType=1 );
}
.blog-page .text-block h4 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 5px;
    font-weight: 500;
    letter-spacing: 1px;
}
.blog-page .image-one {
    padding-bottom: 40px;
}
.blog-page .text-block h4 a {
    color: #fff;
}
.blog-page .blog-column1 h5 {
    font-size: 19px;
    padding-bottom: 20px;
    line-height: 27px;
    margin-top: -4px;
    font-weight: 500;
}
.blog-page .blog-column1 h5 a {
    color: #000;
}
.blog-page .blog-column1 p {
    color: #414040;
    font-size: 14px;
    font-weight: 400;
}
.blog-page .blog-column1 .btn-primary {
    color: #138496;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    border-color: transparent;
    background-color: transparent;
}
.blog-page .blog-column1 .btn-primary:hover {color: #138496;}
.blog-page .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;}
.blog-page .image-one  {
    overflow: hidden;
}
.blog-page .image-one img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
.blog-page .image-one img:hover{
    -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}
.pages {padding-top: 50px; text-align: left;}
.pages .btn-primary {
    border-radius: 0; 
    font-size: 14px;
    min-width: 25px !important;
    margin-right: 5px;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #279B83;
    background: #279B83;
}
.pages .btn-primary:hover {color: #fff; background: #636363;border: 2px solid #636363;}
.pages .btn-primary.active {color: #fff; background: #636363 !important;border: 2px solid #636363 !important;}
/*==============================
      // Contact Styles //
==============================*/
#contact {
    padding-top: 0;
    padding-bottom: 200px; 
    text-align: center;
}
#contact h2 {font-size: 30px;padding: 40px 0; text-align: left;text-transform: uppercase;font-weight: 500;letter-spacing: -2px;}
#contact .py-5 { width: 755px;}
#contact input {height: 40px;}
#contact p {
    font-size: 16px;
    text-align: left;
    line-height: 36px;
    color:  rgba(0, 0, 1, 1);
    padding-bottom: 20px;
}
#contact .text-left {
    padding-bottom: 10px;
}
#contact select {
    width: 100%;
    height: 52px;
    color: #313131;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
#contact .btn-primary {
    color: #fff;
    width: 163px;
    font-size: 14px;
    background-color: #138496;
    border-color: #138496;
    height: 44px;
    border-radius: 3px;
    text-transform: uppercase;
}
#contact .form-group {padding: 0;}
#contact .form-control {
    border-radius: 0;
    border: 2px solid #d3d3d3;
}
#contact input {
    border-radius: 0;
    margin-bottom: 16px;
    border: 1px solid #d3d3d3;
}
textarea.form-control {
    height: auto;
    margin-bottom: 15px;
    padding: 20px 13px;
}

.form-control:focus {border-color: #acacac;box-shadow: none;}

/*==============================
      // blog_single Styles //
==============================*/
#blog-page .blog-heading1 {text-align: left; text-transform: uppercase;}
#blog-page .blog-heading1 h2 {font-size: 30px;padding-bottom: 30px;text-transform: capitalize;font-weight: 500;letter-spacing: -1px;}
#blog-page .blog-heading1 hr {background: #e8cbd3; margin-bottom: 60px;}
#blog-page .blog-heading2 h6 {padding: 10px 0;letter-spacing: 1px; color: #000; font-size: 12px;}
#blog-page .blog-heading2 a {color: #000;font-size: 14px}
#blog-page figure img{
    width: 100%;
    height: 585px;
    margin-bottom: 30px;
    object-fit: cover;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#blog-page .col-xs-12 {
    margin-bottom: 10px;
}
#blog-page h4 {
    color: #1C2B36;
    font-size: 17px;
    font-weight: 300;
    line-height: 35px;
}
#blog-page h4 span {
    font-weight: 600;
    opacity: 1;
}
#blog-page .heading1 {
    color: #000;
    font-size: 39px;
    font-weight: 400;
    line-height: 51px;
    padding: 40px 0;
    font-family: 'Montserrat', sans-serif;
}
#blog-page .heading2 {
    font-size: 39px;
    font-weight: 500;
    letter-spacing: -2px;
    padding: 30px 0;
    color: #363636;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
#blog-page .social-links li {
    width: 120px;
    height: 32px;
    color: white;
    padding: 1px 0;
    cursor: pointer;
    font-weight: 300;
    margin-right: 16px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    list-style-type: none;
    font-family: 'Hammersmith One', sans-serif;
    
}
#blog-page .social-links {
    text-align: right;
}
#blog-page .social-links li span {
    font-size: 12px;
    padding-left: 20px;
}
#blog-page .social-links li a{
    color: white;
    font-size: 12px;
}
#blog-page .break {
    
    display: block;
}
#blog-page .inner-contant p {
    text-align: left;
    color: #636363;
}
#blog-page .inner-contant p a {
    border-bottom: 1px solid #ed1c24;
    color: #ed1c24;
}
#blog-page .inner-contant p a:hover {
    text-decoration: none;
    border-bottom: none;
    color: white;
}
#blog-page p {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 25px;
    text-align: left;
}
#blog-page p {
    padding-bottom: 30px;
}

#blog-page {
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 200px;
}
#blog-page .heading {text-align: left; text-transform: uppercase;}
#blog-page .img-thumbnail {
    padding: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: none;
    position: relative;
    border-radius: 0;
}
#blog-page .text-block {
    position: absolute;
    top: 20px;
    left: 15px;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    background: -moz-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%, rgba(27,152,151,0.7) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    background: linear-gradient(135deg, rgba(179,255,0,0.7) 0%,rgba(27,152,151,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3ff00', endColorstr='#b31b9897',GradientType=1 );
}
#blog-page .text-block h4 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 5px;
    font-weight: 500;
    letter-spacing: 1px;
}
#blog-page .image-one {
    padding-bottom: 40px;
}
#blog-page .text-block h4 a {
    color: #fff;
}
#blog-page .blog-column1 h5 {
    font-size: 19px;
    padding-bottom: 20px;
    line-height: 27px;
    margin-top: -4px;
    font-weight: 500;
}
#blog-page .blog-column1 h5 a {
    color: #000;
}
#blog-page .blog-column1 p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0;
}
#blog-page .blog-column1 .btn-primary {
    color: #138496;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    border-color: transparent;
    background-color: transparent;
}
#blog-page .blog-column1 .btn-primary:hover {color: #138496;}
#blog-page .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;}
#blog-page .image-one  {
    overflow: hidden;
}
#blog-page .image-one img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
#blog-page .image-one img:hover{
    -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}
#blog-page .inner-contant  {padding-top: 30px;padding-bottom: 20px;}
/*==============================
        portfolio-Page
===============================*/
#portfolio {
    border-bottom: 1px solid #b2b2b2;
    background-color: #fff;
    padding-bottom: 200px;
}
#portfolio .img-fluid {
    margin-bottom: 30px;
}
#portfolio button {
    background: #e5e5e5;
    color: #000;
    font-family: Sans-serif;
    font-size: 12px;
    height: 50px;
    text-transform: uppercase;
    width: 135px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border: 0;
    border-radius: 0;
    transition: all 0.3s ease 0s;
}
#portfolio .load-more {
    text-align: center;
    padding-top: 50px;
}
#portfolio button:hover {
    background: #000000;
    color: #fff;
}

#portfolio .box {
    position: relative;
}

#portfolio .img-fluid {
    display: block;
    width: 100%;
    height: auto;
}

#portfolio .box:hover .overlay {
    opacity: 1;
}
#portfolio .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 0;
    height: 92%;
    width: 92.5%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
}
#portfolio .text {
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.5px;
    position: absolute;
} 
#portfolio h4 {
    font-size: 15px;
    color: #414040;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 60px;
    padding-top: 60px;
}


#portfolio .overlay img {
    width: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
}
/*==============================
        SErvice-Page
===============================*/
.services {border-bottom: 1px solid gray;background-color: #fff;padding: 100px 0;}
.services .fa-2x {font-size: 35px;float: right;line-height: 84px;}
.services .card-body {padding: 0;}
.services .card {border-radius: 0;margin-bottom: 25px;}
.services .inner-content {padding: 50px;}
.services h2 a {line-height: 80px;padding-left: 30px;color: #000;font-size: 23px;}
.card-header {background-color: transparent; background-color: #EFEFEF;}
.services p {
    margin: 0;
    color: #414040;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 20px;
}
.services .image {
    float: left;
    width: 400px;
    shape-margin: 20px;
    margin-right: 40px;
}

.services .thumbnail {padding: 0;border: none;border-radius: 0;object-fit: cover;}
/*==============================================
            Media Queries Styles
===============================================*/
@media screen and (min-width:768px)
{
  header .carousel {margin-top: -177px;}
}
/*== 1920px Media Queries Styles ==*/
@media screen and (max-width: 1920px) {
   /* header .carousel-item img {height: 950px;} */
}
/*== 1440px Media Queries Styles ==*/
@media screen and (max-width: 1440px) {
    header .carousel-caption {width: 75%;}   
  /*  header .carousel-item img {height:600px;} */
}
/*== 1024px Media Queries Styles ==*/
@media screen and (max-width: 1024px) {
    .navbar {padding: 30px 0;}
    .navbar-expand-lg .navbar-nav li:after{top: 0px;}
    .sticky {padding: 15px 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}
    /* header .carousel-item img {height: 640px;} */
    header .carousel-item h3{font-size: 16px;padding: 15px 40px;letter-spacing: 0.5px; padding-bottom: 15px;}
    header .carousel-caption {width: 75%;} 
    header .carousel-item h1 {font-size: 36px;padding-bottom: 10px;font-weight: 600;letter-spacing: -1px;}
    header .carousel-item h2{font-size: 22px; padding-bottom: 20px;letter-spacing: 0.5px;}
    header .carousel-item h5{font-size: 14px;padding-bottom: 25px;line-height: 24px;}
    header .btn-primary {font-size: 14px;padding: 10px 18px;font-weight: 600;}
    header .carousel-indicators li {height: 3px;}
    .about {padding-top: 40px;}
    .about .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .about .icon {margin-bottom: 20px;}
    .about .heading {padding-bottom: 10px;}
    .about .icon .fa {font-size: 30px;width: 70px;height: 70px;}
    .about .fa-send:before, .fa-paper-plane:before {line-height: 70px;}
    .about .fa {font-size: 22px;}
    .about .inner-content {padding-top: 50px;}
    .about .inner-content h3 {font-size: 22px;}
    .about .box1 {padding-top: 53px;}
    .about .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .about .inner-content p {font-size: 14px;}
    .blog {padding-top: 75px;padding-bottom: 60px;}
    .blog .text-block h4 {padding: 12px 0;}
    .blog .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .blog .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .blog .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;margin-top: -6px;line-height: 24px;}
    .blog .blog-column1 p {font-size: 12px;margin-bottom: 5px;letter-spacing: 0.5px;}
    .portfolio {padding-top: 40px;padding-bottom: 50px;margin-bottom: 30px;}
    .portfolio .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -0.5px;padding-bottom: 5px;}
    .portfolio .heading h4 {font-size: 16px;letter-spacing: 0.5px;padding-bottom: 25px;}
  /*  .portfolio .card-deck .card .img-fluid {height: 300px;} */
    .Subscribe {padding-bottom: 30px;}
    .Subscribe .heading h3 {font-size: 31px;}
    .Subscribe .btn-info {font-size: 14px;width: 125px;}
    .Subscribe input {width: 255px;}
    .Subscribe .main {padding: 30px 0;}
    footer h5{font-size: 14px;}
    footer .content p {padding-right: 30px;}
    footer {padding-top: 30px;}
    footer .footer-copyright p {font-size: 12px; letter-spacing: 0.5px;padding: 20px 0;}
    .banner .heading h1 {font-size: 36px;padding-bottom: 10px;font-weight: 600;letter-spacing: -1px;}
    .banner .heading h2{font-size: 22px; padding-bottom: 20px;letter-spacing: 0.5px;}
    #about-us h3 {font-size: 27px;padding-bottom: 30px;}
    #about-us .image {width: 100%;}
    #about-us p {font-size: 12px;}
    #about-us {padding-top: 50px; padding-bottom: 0;}
/*    #about-us p {margin-bottom: 150px;} */
    #contact p {font-size: 14px;padding-bottom: 0;text-align: left;line-height: 30px;padding: 0;font-weight: 400;}
    #contact input {height: 55px;}
    #contact .btn-primary {height: 56px;}
    #contact {padding-bottom: 100px;}
    .blog-page {padding-top: 30px;padding-bottom: 60px;}
    .blog-page h2 {font-size: 26px; padding-bottom: 20px;}
    .blog-page hr {margin-bottom: 40px;}
    .blog-page .image-one {padding-bottom: 30px;}
    .blog-page .text-block h4 {padding: 12px 0;}
    .blog-page .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .blog-page .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .blog-page .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;margin-top: -6px;line-height: 24px;}
    .blog-page .blog-column1 p {font-size: 12px;margin-bottom: 5px;letter-spacing: 0.5px;}
    #blog-page .blog-heading1 h2 {font-size: 26px;padding-bottom: 20px;}
    #blog-page .heading1 {font-size: 32px;font-weight: 400;line-height: 36px;padding: 20px 0;}
    #blog-page figure img {width: 100%;/*height: 300px; */margin-bottom: 0;}
    #blog-page h4 {font-size: 14px;padding-top: 9px;}
    #blog-page .social-links li {width: 100px;height: 30px;margin-right: 10px;border-radius: 0;}
    #blog-page p {font-size: 14px;padding-bottom: 0;}
    #blog-page .heading2 {padding-top: 10px;padding-bottom: 20px;}
    #blog-page .heading2 {font-size: 32px;letter-spacing: -1px;}
    #blog-page .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;line-height: 23px;}
    #blog-page .blog-column1 p {font-size: 12px;margin-bottom: 5px;}
    #blog-page .text-block {top: 12px;padding-left: 15px;padding-right: 15px;}
    #blog-page .text-block h4 {font-size: 12px;}
    #blog-page {padding-bottom: 60px;}
   /* .portfolio .box .img-fluid {height: 250px;} */
    .portfolio .carousel-control-next,.portfolio .carousel-control-prev {top: -10%;}
    .portfolio .carousel-control-prev {left: -96px;}
    .portfolio .carousel-control-next {right: -96px;}
    .modal-body {padding: 0;}
    #portfolio .overlay {height: 91%;width: 90.5%;}
    .services h2 a {line-height: 70px;font-size: 20px;padding-left: 10px;}
    .services .inner-content {padding: 30px;}
    .services .fa-2x {line-height: 74px;font-size: 30px;}
    .services .image {width: 100%;/*height: 300px; */margin-bottom: 30px;margin-right: 0;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
}
/*== 768px Media Queries Styles ==*/
@media screen and (max-width: 768px) {
    .mynav {padding: .5rem 1rem; background-color: #FFF !important; text-align: center;}
  }
@media screen and (max-width: 768px) {
    header .carousel-indicators { display: none; }
    .navbar {padding: .5rem 1rem;background: #51204B;}
    .navbar-expand-lg .navbar-nav li:after {display: none;}
    .navbar-dark .navbar-nav .active>.nav-link {background:transparent; }
    .navbar-nav .nav-link {padding: .5rem 1rem;}
    .top-container .col1 h5 {font-size: 10px;padding: 9px 0;letter-spacing: 2px;}
    .top-container .col2 .fa {width: 30px;height: 30px;font-size: 12px;padding: 10px 0;margin-right: -5px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding: 0.4em 0;}
    .navbar-expand-lg .navbar-nav li {padding: 0;}
    .navbar-collapse {padding-top: 10px;}
    .navbar-brand img {width: 60%;margin-top: 8px;}
    header .carousel-control-next, .carousel-control-prev {top: 20%;}
    header .carousel-caption {top: 10%;}
    header .carousel-item h3 {font-size: 14px;padding: 15px 30px;}
    header .carousel-item h1 {font-size: 32px;}
    header .carousel-item h2 {font-size: 18px;}
    header .carousel-item h5 {font-size: 12px;line-height: 20px;}
    .about .heading h3 {font-size: 18px;letter-spacing: 0;padding-bottom: 5px;}
    .about .heading h4 {letter-spacing: 0; font-size: 12px;}
    .about .heading {padding-bottom: 5px;}
    .about .icon .fa {font-size: 24px;width: 60px;height: 60px;}
    .about .fa-send:before, .fa-paper-plane:before {line-height: 60px;}
    .about .inner-content h3 {font-size: 18px;}
    .about .fa {font-size: 18px;}
    .about .box1 {padding-top: 48px;}
    .about .inner-content p {font-size: 12px;}
    .about .inner-content {padding-top: 22px;height: auto;padding-bottom: 10px;}
    .about .box1 {padding-top: 20px;height: auto;}
    .about .col1, .about .col2, .about .col3 {height: auto;}
    .blog {padding-top: 60px;padding-bottom: 40px;}
    .blog .heading h3 {font-size: 18px;letter-spacing: 0;padding-bottom: 5px;}
    .blog .img-thumbnail {/*height: 200px;*/margin-bottom: 20px;}
    .blog .row:nth-child(2) {padding-bottom: 40px;}
    .blog .text-block h4 {padding: 9px 0;font-size: 12px;}
    .portfolio .heading h3 {font-size: 19px;letter-spacing: 0.5px;}
    .portfolio .heading h4 {font-size: 12px;letter-spacing: 0.5px;}
   /* .portfolio .card-deck .card .img-fluid {height: 200px;} */
    .portfolio {padding-top: 20px;padding-bottom: 30px;margin-bottom: 20px;}
    .Subscribe .heading h3 {font-size: 24px;}
    .portfolio .lead {bottom: 40%;}
    .Subscribe .btn-info {font-size: 12px;letter-spacing: 0.6px;width: 110px;height: 50px;}
    .Subscribe input {width: 210px;height: 50px;}
    .Subscribe .main {padding: 20px 0;}
    footer .content {border-right: none;}
    footer img {width: 20%;padding-bottom: 20px;}
    footer .content p {padding-right: 0;font-size: 12px;letter-spacing: 0.5px;}
    footer .footer-copyright p {font-size: 12px;padding: 10px 0;}
    .banner .heading h1 {font-size: 32px;}
    .banner .heading h2 {font-size: 18px;}
    .banner {height: 350px;padding-bottom: 20px;}
    #about-us .image {margin-right: 0;margin-bottom: 20px;}
 /*   #about-us p {margin-bottom: 100px;} */
    #about-us p {font-size: 13px;}
    #about-us h3 {padding-bottom: 30px;}
    #contact .py-5 {padding-top: 2rem!important;width: 100%;}
    #contact {padding-bottom: 70px;}
    .blog-page .blog-column1 {padding-bottom: 30px;}
    .blog-page {padding-top: 30px;padding-bottom: 40px;}
    .blog-page .img-thumbnail {/*height: 200px;*/margin-bottom: 20px;}
    .blog-page .text-block h4 {padding: 9px 0;font-size: 12px;}
    .pages {padding-top: 60px;text-align: center;}
    .blog-page{padding-bottom: 80px;}
    .blog-page .image-one {padding-bottom: 0;}
    #blog-page .blog-heading1 h2 {font-size: 22px;padding-bottom: 10px;}
    #blog-page .blog-heading2 h6 {padding: 0;letter-spacing: 0;}
    #blog-page .heading1 {font-size: 24px;line-height: 30px;}
    #blog-page h4 {font-size: 12px;padding-top: 10px;}
    #blog-page .heading2 {font-size: 24px;letter-spacing: 0;}
    #blog-page .img-thumbnail {height: 200px;}
    #blog-page .text-block h4 {padding: 11px 3px;}
    #blog-page .blog-heading2 a {font-size: 13px;}
    .portfolio .box .img-fluid {height: 200px;}
    .services .inner-content {border: none;padding: 20px;}
    .services h2 {font-size: 24px;padding: 20px 0;margin-bottom: 20px;}
    .services p {font-size: 12px;line-height: 22px;}
    .services select {font-size: 12px;padding: 10px 5px;margin-bottom: 15px;}
    .portfolio .carousel-control-next {right: -78px;}
    .portfolio .carousel-control-prev {left: -78px;}
    .portfolio .overlay {height: 87.2%;width: 85.5%;}
    .portfolio .text {font-size: 12px;}
    .portfolio .overlay img {width: 50px;}
    #portfolio .overlay {height: 88%;width: 87.5%;}
}
/*== 425px Media Queries Styles ==*/
@media screen and (max-width: 425px) {
    .navbar-toggler {padding: 1px 6px;}
    .navbar-toggler-icon {width: 20px;height: 25px;}
    .top-container .container {padding-left: 22px;padding-right: 22px;}
    .container {padding-left: 30px;padding-right: 30px;}
    .top-container .col1 h5 {font-size: 9px;letter-spacing: 1px;}
    header .carousel-item h3 {font-size: 12px;padding: 10px 20px;}
    header .carousel-item h1 {font-size: 18px;padding-bottom: 5px;}
    header .carousel-item h2 {font-size: 14px;padding-bottom: 15px;letter-spacing: 0px;}
    header .btn-primary {font-size: 12px;padding: 3px 10px;font-weight: 600;}
  /*  header .carousel-item img { height: 300px; } */
    header .carousel-indicators {bottom: 20px;}
    header .carousel-indicators li {width: 30px;margin-left: 3px;margin-right: 3px;}
    .about .col1, .about .col2, .about .col3 {padding-bottom: 20px;text-align: center;}
    .about .inner-content {text-align: center;}
    .about .col3{padding-top: 20px;padding-bottom: 0px;}
    .about .heading h4 {padding-bottom: 20px;}
    .blog-column1 {padding-bottom: 20px;}
    .blog .row:nth-child(2) {padding-bottom: 0;}
    .container {padding-left: 15px;padding-right: 15px;}
    .Subscribe .heading h3 {text-align: center;}
    .portfolio .card-deck .card .img-fluid {width: 100%;}
    .Subscribe .btn-info {width: 100%;}
    .Subscribe input {width: 100%;text-align: center;}
    .Subscribe form {float: none;}
    .navbar-brand img {width: 50%;}
    .banner {height: 320px;}
    .banner .heading  h1 {font-size: 20px;padding-bottom: 5px;}
    .banner .heading  h2 {font-size: 14px;padding-bottom: 15px;letter-spacing: 1px;}
    #about-us .image {height: 200px;}
    #about-us p {font-size: 12px;}
    #about-us {padding-top: 30px;}
    #contact p{line-height: 24px;}
    #contact textarea.form-control {height: 150px;}
    #contact input {height: 42px;}
    #contact .form-group {margin-bottom: 0;}
    #contact .btn-primary {height: 46px;font-size: 12px;width: 135px;}
    #contact {padding-bottom: 10px;}
    .blog-page h2 {font-size: 22px;}
    .pages .btn-primary {font-size: 12px;margin-right: 5px;}
    .blog-page {padding-top: 30px;padding-bottom: 60px;}
    #blog-page .blog-heading2 a {font-size: 12px;}
    .about .row:nth-child(2) {margin: 0;}
    #blog-page .heading1 {font-size: 18px;line-height: 24px;}
    #blog-page figure img {height: 200px;}
    #blog-page h4 {text-align: center;padding-top: 0;padding-bottom: 10px;}
    #blog-page .social-links {text-align: center;}
    #blog-page p {font-size: 12px;}
    .portfolio .carousel-control-prev {left: 0;}
    .portfolio .carousel-control-next {right: 0;}
    .portfolio .heading h3 {font-size: 18px;}
    .portfolio .heading h4 {line-height: 18px;}
    .portfolio .main-content {padding-left: 0;padding-right: 0;}
    .portfolio .box .img-fluid {height: 250px;}
    .portfolio .fa {padding: 6px 9px;background: #000000a3;}
    .portfolio .carousel-control-next, .carousel-control-prev {color: #fff;}
    #portfolio h4 {font-size: 12px;line-height: 24px;}
    .services .image {height: 200px;}
    .services h2 a {line-height: 30px;font-size: 14px;padding-left: 0;}
    #portfolio {padding-bottom: 50px;}
    #portfolio button {width: 130px;line-height: 30px;}
    #portfolio .load-more {padding-top: 20px;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
    .portfolio .overlay img {width: 15%;}
    .services {padding: 50px 0;}
    .services .fa-2x {line-height: 36px;font-size: 24px;}
    .services .card {margin-bottom: 20px;}
  /*  #portfolio .img-fluid {height: 250px;} */
    #portfolio .overlay {height: 89%;width: 93%;}
    #portfolio .overlay img {width: 15%;}
    .Subscribe .main {padding: 20px 0;margin: 0;}
    #blog-page .social-links li {width: 84px;margin-right: 0px;}
}
/*== 375px Media Queries Styles ==*/
@media screen and (max-width: 375px) {
    .top-container .col2 .fa {width: 25px;height: 25px;padding: 7px 0;}
    header .carousel-item h1{font-size: 16px;}
    header .carousel-item h2 {font-size: 12px;padding-bottom: 10px;letter-spacing: 0px;}
   /* header .carousel-item img {height: 300px;} */
    footer .footer-copyright p {padding: 10px 5px;margin-bottom: 0;}
    header .carousel-caption {top: 10%;}
    header .carousel-item h3 {margin-bottom: 10px;}
    header .carousel-indicators {bottom: 10px;}
    header .btn-primary {padding: 5px 10px;}
    header .carousel-control-next, .carousel-control-prev {top: 25%;}
    .about {padding-top: 20px;}
    .portfolio .carousel-control-prev {left: 4px;}
    .portfolio .carousel-control-next {right: 4px;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
    .services .fa-2x {line-height: 32px;font-size: 20px;}
    .services h2 a {line-height: 20px;font-size: 12px;}
    #portfolio .overlay {height: 89.2%;width: 92%;}
}
/*== 320px Media Queries Styles ==*/
@media screen and (max-width: 320px) {
    .top-container .col2 .fa {width: 23px;height: 23px;padding: 7px 0;font-size: 11px;}
    header .carousel-item h3 {font-size: 11px;padding: 10px 10px;}
    header .carousel-item h5 {line-height: 15px;padding-bottom: 16px;} 
    .banner .heading  h1 {font-size: 17px;}
    .banner .heading  h2 {font-size: 12px;}
    #about-us h3 {font-size: 22px;}
    #blog-page .break {display: inline;}
    #blog-page .social-links li {width: 86px;height: 28px;margin-right: 0px;padding: 0;}
    #blog-page .social-links li span {padding-left: 12px;}
    #blog-page .inner-contant {padding-top: 10px;padding-bottom: 10px;}
    .portfolio .carousel-control-prev {left: 8px;}
    .portfolio .carousel-control-next {right: 8px;}
    .Subscribe .heading h3 {font-size: 21px;}
    .services h2 a {font-size: 11px;}
    .portfolio .overlay {height: 89.2%;width: 91%;}
    .services .fa-2x {line-height: 32px;font-size: 16px;}
    .services .image {height: 150px;margin-bottom: 20px;}
    #portfolio h4 {padding-top: 30px;padding-bottom: 20px;}
    #portfolio .overlay {height: 89.2%;width: 91%;}
    .Subscribe .heading h3 {font-size: 18px;}
}