@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,600&family=Open+Sans:wght@300;400;700&display=swap');
form .btn {
    padding: 6px 8px;
    float: right;
    margin: 0;
    font-size: 14px;
    border: none;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-dark {
    background-color: #3b3c3e;
}

.colorgraph {
    height: 7px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: -moz-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: -o-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: linear-gradient(
        to right,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
}

.clear-twos :nth-child(2n + 1) {
    clear: left;
}

.clear-threes :nth-child(3n + 1) {
    clear: left;
}

.item-format-1 .frame {
    height: 25px; /* equals max image height */
    width: 160px;
    border: 1px solid red;
    white-space: nowrap;

    text-align: center;
    margin: 1em 0;
}

.item-format-1 .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.item-format-1 img {
    background: #3a6f9a;
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

.frame {
    height: 160px; /*can be anything*/
    width: 160px; /*can be anything*/
    display: inline-block;
    vertical-align: top; /*not required*/
    position: relative;
}

.frame2 {
    height: 250px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.frame img,
.frame2 img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.border-style-1 {
    border: 3px solid #f2f3f9;
}

.no-list-style {
    padding: 0;
}
.no-list-style li {
    list-style-type: none;
}
.review-summary {

}
.review-summary .attribute {
    /* margin-right: 10px;
    width: 200px;
    display: inline-block; */
}

.attributes :nth-child(2n + 1) {
    background: #f9f9fa;
}

.action-flag {
    color: #787171;
}

.action-div {
    margin-bottom: 10px;
}

.navbar-default {
    background-color: #6b0707 !important;
    /* background-image: linear-gradient(to bottom, #B63939, #6b0707); */
}
.navbar {
    position: relative;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #6b0707;
}

.navbar-default .navbar-nav > li > a {
    text-transform: none;
    position: relative;
    color: #fff;
    font: 700 14px/20px "Nunito", Verdana, sans-serif;
}

.navbar-default .navbar-nav > .active > li > a,
.navbar-default .navbar-nav > li > a:hover {
    color: white;
    border-top: 2px white solid;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #fcf7f7;
    background-color: #6b0707;
    border-bottom: 2px #fcf6f6 solid;
}

#main-nav-1 {
    float: left;
    clear: both;
    width: 100%;
    /* border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;*/
}

.btn-search-form {
    padding: 9px 13px;
    background-color: #1e3046;
    border-color: #1e3046;
    color: white;
    border: none;
    border: 1px solid #1e3046;
    border-radius: 0;
    vertical-align: middle;
}

.form-control {
    border-radius: 0;
    padding: 9px 16px;
    vertical-align: middle;
    height: auto;
    border: 1px solid #eaeaea;
}

.flex-caption {
    z-index: 9999;

    overflow: visible;
    text-align: left;
    /*  left: 334.7px;*/
    top: auto;
    bottom: 236.5px;
    position: relative;
}

.flex-caption .fbh-caption {
    font-family: "Raleway", "Arial";
    color: #0b0b0b;
    text-shadow: none;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 10px;
    word-spacing: normal;
    text-transform: uppercase;
    font-size: 155%;
    margin: auto;
    max-width: 80%;
    background: RGBA(255, 255, 255, 0.8);
    outline: 1px solid RGBA(0, 0, 0, 0);
    padding: 0.8em 1em 0.8em 1em;
}

.slides {
    max-height: 370px;
    overflow: hidden;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.cont {
    width: 93%;
    max-width: 350px;
    text-align: center;
    margin: 4% auto;
    padding: 30px 0;
    background: #111;
    color: #eee;
    border-radius: 5px;
    border: thin solid #444;
    overflow: hidden;
}

div.stars {
    display: inline-table;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 2px;
    font-size: 24px;
    color: #444;
    transition: all 0.2s;
}

input.star:checked ~ label.star:before {
    content: "\f005";
    color: #fd4;
    transition: all 0.25s;
}

input.star-5:checked ~ label.star:before {
    color: #fe7;
    text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
    color: #f62;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: "\f006";
    font-family: FontAwesome;
}

.stars-show {
    color: #ff9500;
}

body {
    color: #505050;
    font: 400 14px/1.6 "Nunito", "Lato", Verdana, sans-serif;
    font-family: "Nunito", "Lato", Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
}

.collapsibleList li {
    list-style-image: url("button.png");
    cursor: auto;
}

li.collapsibleListOpen {
    list-style-image: url("button-open.png");
    cursor: pointer;
}

li.collapsibleListClosed {
    list-style-image: url("button-closed.png");
    cursor: pointer;
}

#fb-sb h2 {
    border-bottom: 5px solid #f6f3f3;
    padding-bottom: 4px;
    border-radius: 5px;
}

.collapsibleList li,
.collapsibleList li ul li {
    text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 10px;
}

.collapsibleList {
    padding: 0;
    padding-left: 10px;
}

.collapsibleList li {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px;
}
#fb-sb li a {
    text-decoration: none;
    color: #505050;
}

#fb-sb li a:hover,
.collapsibleList li:hover {
    color: #6b0707;
}

#fb-sb .nav2 li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    list-style-type: none;
}

.nav2 {
    padding: 0;
}

.div-centered-800 {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.fbh-title {
    font: 400 14px/1.6 "Lato", Verdana, sans-serif;
    color: #1e3046;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
}

.title-border > span {
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.best-in-cat {
    display: block;
}
.best-in-cat div {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 50px;
    margin-bottom: 20px;
}
.islemag-section1 {
    border-right: 5px solid #f9f9f9;
    border-radius: 10px;
}

.item-media {
    /*  float: left;*/
}

.block-v2 {
    display: none;
}

.has-cat-v2:hover .block-v2 {
    display: block;
}

.has-cat-v2 {
    min-height: 350px;
    margin-top: 20px;
}

.text-bold {
    font-weight: bold;
}

.footer,
.footer a {
    color: white;
}

.menu li {
    list-style-type: none;
    padding: 2px;
    font-size: 0.9em;
}

.menu {
    padding: 0;
}

.text-italics {
    font-style: italic;
}

.text-small-1 {
    font-size: 0.8em;
}

.home-heading {
    margin: 40px;
    border-bottom: none;
}

.text-shadow {
    text-shadow: 0 2px rgba(0, 0, 0, 0.5) !important;
}

.star-ul li {
    margin-left: 0;
    list-style-type: none;
}

.star-ul {
    margin: 0;
    padding: 0;
}

.item-link {
    color: #232624 !important;
    font-weight: bold !important;
}
.post-link {
}
.user-link {
    color: #6b0707 !important;
}

@media (max-width: 520px) {
    /* smartphones, iPhone, portrait 480x320 phones */
    .home-heading {
        margin: 0px;
        border-bottom: none;
    }
}

.disclaimer {
    font-size: 0.8em;
}

.disclaimer p {
    display: inline;
}

.badge1 {
    color: #cd7f32;
}
.badge2 {
    color: #a9a9a9;
}
.badge3 {
    color: #d4af37;
}
.badge4 {
    color: yellow;
}
.badge5 {
    color: yellow;
}

.nav > li > a {
    padding: 10px 12px;
}

.poll-question-option {
    margin-left: 10px;
}

.poll-question-div {
    margin-bottom: 30px;
}

.question {
    /*border:1px solid red;*/
}

.pagination > li > a,
.pagination > li > span {
    color: #b73346;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #b73341;
    border-color: #b7334f;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #b7334f;
}

.like-notice {
    display: none;
}
.like-span:hover .like-notice {
    display: inline;
    /*clear: both;*/
}
.ul-no-pad {
    padding: 0;
}

.li-no-style li {
    list-style-type: none;
}
.action-div {
    margin-top: 5px;
}

.r-vote {
    color: #6b0707; border: 1px solid rgba(228, 228, 228, 0.9);
    border-radius: 8px;
    /* margin-left: 40px; */
}
.r-vote i {
    margin-right: 4px;
}
.fbh-social a{
    margin-right: 5px; font-size: 1.5em;
}

.fbh-social a.facebook::before {
    font-family: FontAwesome;
    content: "\f230";
    color: #3c599f;
}
.fbh-social a.twitter::before {
    font-family: FontAwesome;
    content: "\f081";
    color: #337ab7;
}
.fbh-social a.google::before {
    font-family: FontAwesome;
    content: "\f0d5";
    color: red;
}
.fbh-social a.linkedin::before {
    font-family: FontAwesome;
    content: "\f0e1";
    color: #337ab7;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.sufia-slider{
  position:relative;
}
.sufia-slider .single-slider {
  height: 400px;
  background-size: cover;
  position: relative;
  background-position: center;
}
.sufia-slider .single-slider:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, .60);
}
.sufia-slider .welcome-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 600px;
  background: transparent;
}
.sufia-slider .welcome-text.center{
  text-align:center;
}
.sufia-slider .welcome-text.right{
  text-align:right;
}
.sufia-slider .welcome-text h1 {
  color: #fff;
  font-size: 2em;
  font-weight: 600;
  text-transform: none;
}
.sufia-slider .welcome-text h1 span {
  display: block;
  margin-bottom: 20px;
}
.sufia-slider .welcome-text .button {
  margin-top: 40px;
}
.sufia-slider .welcome-text .button .btn {
  text-transform: capitalize;
  width: 160px;
  margin-right: 30px;
  border-radius: 3px;
  color: #333;
  background:#fff;
  height: 50px;
  line-height: 50px;
  padding: 0;
  position:relative;
}
.sufia-slider .welcome-text .button .btn:hover{
  color:#fff;
  background:#29B6F6;
}
.sufia-slider .welcome-text .button .btn.primary{
  background:#29B6F6;
  color:#fff;
}
.sufia-slider .welcome-text .button .btn.primary:hover{
  background:#fff;
  color:#333;
}
.sufia-slider .welcome-text .button .btn:last-child{
  margin:0px;
}
.sufia-slider .welcome-text .b-arrow{
  width:100%;
  height:18px;
  background-repeat:no-repeat;
  margin-top:40px;
}
.sufia-slider .welcome-text.center .b-arrow{
  background-position:center;
}
.sufia-slider .welcome-text.right .b-arrow{
  background-position:right;
}
.sufia-slider button {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 0px;
  font-size: 25px;
  margin-top:-40px;
  z-index:5;
  color:#fff;
  background:rgba(255, 255, 255, 0.30);
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
}
.sufia-slider button:hover{
  color:#fff;
}
.sufia-slider button.PrevArrow {
  left:0;
}
.sufia-slider button.NextArrow {
  right:0;
}
/* Slider Animation */
.sufia-slider .single-slider.slick-active h1{
    animation: fadeInUp 1s both 0.6s;
}
.sufia-slider .single-slider.slick-active .btn {
    animation: fadeInUp 1s both 1s;
}
.sufia-slider .single-slider.slick-active .b-arrow{
    animation: fadeInUp 1s both 1.5s;
}

button, a, a:hover, a:focus, a:active {
    text-decoration: none;
    border: none;
    outline: none;
}

.welcome-text  .primary{
    background: #6B0707 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title p{
  padding:0 50px;
}
.header .address {
  text-align: center;
}
.header .social {
  text-align: center;
}
.header .nav .dropdown{
  width:150px;
}
.header .nav li a {
  margin: 0 8px;
  padding: 12px 0;
  font-size: 13px;
}
.header .cart-search-bar{
  display:none;
}
.header .nav li {
  margin-right: 14px;
}
.sufia-slider .single-slider,
.sufia-slider .welcome-text{
  height:400px;
}
.sufia-slider .welcome-text h1{
  font-size:40px;
}
.sufia-slider .welcome-text h1 span{
  margin-bottom:10px;
}
.sufia-slider .welcome-text .button,
.sufia-slider .welcome-text .b-arrow{
  margin-top:25px;
}
.sufia-slider .welcome-text.right,
.sufia-slider .welcome-text.center,
.sufia-slider .welcome-text{
  text-align:center;
}
.sufia-slider .welcome-text .b-arrow,
.sufia-slider .welcome-text.right .b-arrow{
  background-position:center;
}
.testimonial .testimonial-content{
  padding:0 60px;
}
.project .project-nav ul li{
  margin-right:10px;
}
.team .hover-team{
  padding:20px 5px;
}
.team .hover-team p{
  font-size:13px;
}
.team .member-name h4{
  font-size:16px;
}
.newslatter.section{
  padding:80px 0;
}
.newslatter .news-title h2{
  font-size:25px;
}
.newslatter .news-title h2{
  margin-bottom:10px;
}
.newslatter input[type="text"]{
  width:73%;
  margin-right:10px;
}
.newslatter input[type="submit"]{
  width:22%;
  font-size:14px;
}
.newsblog .news-content{
  padding:15px;
}
.newsblog .news-content h4,
.newsblog .news-content .date{
  margin-bottom:10px;
}
.newsblog .news-content .btn{
  margin-top:10px;
}
.sufia-personal .personal-text h2{
  font-size:50px;
  margin-bottom:25px;
}
.sufia-personal .personal-text .info{
  margin-bottom:25px;
}
.about-me .my-image{
  text-align:center;
}
.about-me .my-image img{
  display:inline-block;
}
.about-me .social {
  text-align: center;
}
.about-me .my-image, .about-text {
  text-align: center;
}
.supia-app-main .app-text{
  margin-top:25px;
}
.supia-app-main .app-text .button .btn{
  padding:12px 30px;
  margin-right:10px;
  font-size:14px;
}
.supia-app-main{
  height:480px;
}
.app-features .app-single-features{
  margin-top:20px;
}
.app-features .app-slide img {
  width: 100%;
  height: 600px;
}
.app-features .app-single-features i,.app-features .app-single-features h4{
  margin-bottom:5px;
}
.app-screnshoot button{
  color:#fff;
  border:0px solid;
}
.app-screnshoot button.PrevArrow{
  left:0;
}
.app-screnshoot button.NextArrow{
  right:0;
}
.sufia-video-area .video-text h1{
  font-size:40px;
}
.project.single .single-project{
  margin-bottom:0px;
}
.sufia-video-area .video-text{
  padding:0 20px;
}
.footer .social-icon li{
  width:100%;
}
}

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

    .sufia-slider button.PrevArrow,
    .sufia-slider button.NextArrow,
    .caret{
    display:none;
    }
    .section-title h2 {
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    }
    .section-title p{
    padding:0 20px;
    }
    .cart-search-bar{
    display:none;
    }
    .navbar-toggle .icon-bar {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    width: 28px;
    background: #fff;
    }
    .header .navbar {
    float: left;
    width: 100%;
    }
    .navbar-nav {
    margin: 7.5px -15px;
    float: none;
    }
    .navbar-nav {
    margin: 7.5px -15px;
    float: none;
    /*  background: #fff;*/
    }
    .header .header-inner {
    padding: 15px 0;
    height: auto;
    max-height: initial;
    }
    .header  .mobile-menu{
    display:block;
    z-index: 3333;
    }
    .header .slicknav_btn {
    background: #333;
    margin-right: 0px;
    margin-top: -22px;
    }
    .header .slicknav_menu {
    padding: 0px;
    background: transparent;
    z-index: 3333;
    }
    .header .slicknav_nav {
    background: #333;
    z-index: 3333;
    }
    .header .slicknav_nav a{
    color:#fff;
    }
    .header .nav li a:before{
    display:none;
    }
    .header .header-inner .dropdown{
    padding: 0 10px;
    transform: translateY(0px);
    }
    .header-inner.sticky{
    max-height:100%;
    }
    .navbar{
    min-height:0px;
    }
    .header .header-inner .dropdown {
    position: relative;
    top: 0px;
    opacity: 1;
    visibility: visible;
    background: transparent;
    border-left: 1px solid #42AAD9;
    }
    .header .nav li .dropdown li a {
    color: #444;
    }
    .navbar-toggle.active .icon-bar:nth-of-type(2) {
        background-color: transparent !important;
    }
    .navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: 0;
    transform: rotate(-45deg);
    margin: 0;
    }
    .navbar-toggle.active span:nth-child(4) {
        margin-top: -2.5px;
        transform: rotateZ(45deg);
    }
    .header .address {
    text-align: center;
    }
    .header .social {
    text-align: center;
    }
    .breadcrumbs h2{
    font-size:22px;
    float:none;
    }
    .breadcrumbs ul {
    float: none;
    margin: 0;
    padding-top: 25px;
    }
    .testimonial .testimonial-content h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
    }
    .sufia-slider .single-slider,
    .sufia-slider .welcome-text{
    height:350px;
    }
    .sufia-slider .welcome-text h1{
    font-size:30px;
    }
    .sufia-slider .welcome-text h1 span{
    margin-bottom:10px;
    }
    .sufia-slider .welcome-text .button,
    .sufia-slider .welcome-text .b-arrow{
    margin-top:15px;
    background-position:center;
    }
    .sufia-slider .welcome-text.right .b-arrow{
    background-position:center;
    }
    .sufia-slider .welcome-text.right,
    .sufia-slider .welcome-text.center,
    .sufia-slider .welcome-text{
    text-align:center;
    }
    .sufia-slider .welcome-text .button{
    text-align:center;
    }
    .sufia-slider .welcome-text .button .btn {
    height: 40px;
    line-height: 40px;
    margin: 0 0 15px;
    }
    .testimonial .testimonial-content{
    padding:0 15px;
    }
    .team .hover-team{
    padding:30% 10%;
    }
    .newslatter.section {
    padding: 80px 0;
    }
    .news-title {
    text-align: center;
    }
    .newslatter .news-title h2{
    font-size:25px;
    }
    .newslatter input[type="text"]{
    width:100%;
    display:block;
    }
    .newslatter .news-form {
    margin-top: 20px;
    text-align: center;
    }
    .newslatter input[type="text"]{
    margin-bottom:20px;
    }
    .project .project-nav ul li{
    font-size:15px;
    padding:5px;
    }
    .project.archive .project-nav {
    text-align: center;
    }
    .project.single .single-project{
    margin-bottom:0px;
    }
    .footer .footer-logo {
    text-align: center;
    display: inline-block;
    }
    .footer .social a {
    background-color: #2a2a2f;
    width: 32px;
    height: 32px;
    line-height: 32px;
    }
    .sufia-personal .personal-text{
    padding:15px;
    }
    .sufia-personal .personal-text h2 {
    font-size: 40px;
    margin-bottom:25px;
    }
    .sufia-personal .personal-text .info {
    margin-bottom: 25px;
    }
    .sufia-personal .personal-text .info li {
    font-size: 22px;
    margin-right: 12px;
    }
    .sufia-personal .personal-text .info li::before {
    left: -9px;
    }
    .sufia-personal .personal-text .button .btn {
    padding: 12px 30px;
    margin-right: 9px;
    font-size: 13px;
    }
    .about-me .my-image{
    text-align:center;
    }
    .about-me .my-image img{
    display:inline-block;
    }
    .about-me .social {
    text-align: center;
    }
    .about-me .my-image, .about-text {
    text-align: center;
    }
    .supia-app-main {
    height: auto;
    padding: 50px 0;
    }
    .supia-app-main .app-text{
    margin-top:30px;
    }
    .supia-app-main .app-text h1 {
    font-size: 25px;
    }
    .supia-app-main .app-text h1 .typed-cursor{
    height:30px;
    }
    .supia-app-main .app-text .button{
    text-align:left;
    }
    .app-slide .single-slide{
    padding:0 30px;
    margin-top:45px;
    }
    .app-screnshoot button{
    color:#fff;
    border:0px solid;
    }
    .app-features button.PrevArrow{
    left:0;
    }
    .app-features button.NextArrow{
    right:0;
    }
    .app-screnshoot button.NextArrow{
    right:0;
    }
    .app-screnshoot button.PrevArrow{
    left:0;
    }
    .app-available h1{
    display:block;
    text-align:center;
    }
    .app-available p{
    text-align:center;
    padding:0 50px;
    }
    .app-available .button{
    text-align:center;
    }
    .app-available img{
    display:inline-block;
    }
    .sufia-video-area .video-text{
    padding:0 20px;
    }
    .sufia-video-area .video-text h1{
    font-size:25px;
    }
    .sufia-video-area .video-text .btn{
    margin:0 10px 0 10px;
    }
    .newsblog.single .pagination {
    text-align:center;
    display:inline-block;
    }
    .newsblog.single .pagination li a{
    padding:5px 15px;
    }
    .newsblog .single-comments .head {
    width: auto;
    float: none;
    }
    .newsblog .single-comments .body {
    float: none;
    width: 100%;
    }
    .footer .contact ul li{
    padding-left:0px;
    }
    .footer .contact ul li i{
    position:relative;
    }
    .footer .social-icon li{
    float:none;
    }
}

.footer-img{
    height: 20px;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.1);
    transition: 0.3s; border-radius: 10px; padding: 0px 20px;
    padding-bottom: 10px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.card .card-body {
    padding: 2px 16px; font-family: 'Nunito';
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.r-c{
    min-width: 170px;
}

@media only screen and (max-width: 320px) {
    .sufia-slider .welcome-text h1{
    font-size:25px;
    }
    .sufia-slider button{
    width:30px;
    height:30px;
    line-height:30px;
    }
    .brand .single-brand{
    text-align:center;
    }
    .brand .single-brand img{
    display:inline-block;
    }
    .sufia-personal .personal-text h2{
    font-size:25px;
    }
    .sufia-personal .personal-text .info li {
    font-size: 16px;
    }
    .sufia-personal .personal-text .btn {
    margin-bottom: 15px;
    margin-right: 0px;
    }
    .sufia-personal .personal-text .btn:last-child{
    margin-bottom:0px;
    }
    .supia-app-main .app-text{
    text-align:center;
    }
    .supia-app-main .app-text .button{
    text-align:center;
    }
    .supia-app-main .app-text .button .btn{
    display:inline-block;
    margin-bottom:20px;
    margin-right:0px;
    }
    .supia-app-main .app-text .button .btn:last-child{
    margin-bottom:0px;
    }
    .app-available p{
    padding:0px;
    }
    .app-available .button img{
    margin-bottom:20px;
    margin-right:0px;
    }
    .app-available .button a:last-child img{
    margin-bottom:0px;
    }
    .project.single .project-slide .project-hover {
    text-align: center;
    padding: 0 39px;
    }
    .sufia-video-area .video-text .btn{
    margin-top:10px;;
    }
    .newsblog.single .news-head iframe {
    height: 240px;
    }
    .newsblog .news-share ul{
    text-align:center;
    }
    .newsblog .news-share ul li.share{
    display:block;
    }
    .newsblog .call-inner h4{
    font-size:20px;
    }
}