HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/gizmoordering/
Current File : /home/htlwork.com/www/dev/gizmoordering/style.css
html{
    overflow-x:hidden;
}
 html, body {
    height: 100%;
}
 body{
    color:#425466;
     font-size:16px;
     font-family: 'Montserrat';
     font-weight:500;
}
 a{
    color:#5550ad;
}
 a:hover, a:focus{
    color:#121238 
    /*ed1d24*/
    ;
     text-decoration:none;
}
 img{
    max-width:100%;
     vertical-align:middle;
}
 p{
    line-height:1.6;
     margin:0 0 15px;
}
 h1, h2, h3, h4, h5, h6{
    margin:0 0 10px;
     font-family: 'Roboto Condensed', sans-serif;
     font-weight:800;
    color:#000;
}

h2 {
    color: #0a2540;
    font-size: 44px;    margin-bottom: 25px;
}
h3 {
    color: #0a2540;
    font-size: 40px;     margin-bottom: 25px;
}
h4 {
    color: #23527c;
    font-size: 28px;     margin-bottom: 25px;
}
 .mrg-0{
    margin:0 !important;
}
 .mrg-t10{
    margin-top:10px !important;
}
 .mrg-t20{
    margin-top:20px !important;
}
 .mrg-t30{
    margin-top:30px !important;
}
 .mrg-t40{
    margin-top:40px !important;
}
 .mrg-t50{
    margin-top:50px !important;
}
 .mrg-t60{
    margin-top:60px !important;
}
 .mrg-t70{
    margin-top:70px !important;
}
 .mrg-t90{
    margin-top:90px !important;
}
 .mrb-10{
    margin-bottom:10px !important;
}
 .mrb-20{
    margin-bottom:20px !important;
}
 .mrb-30{
    margin-bottom:30px !important;
}
 .mrb-40{
    margin-bottom:40px !important;
}
 .mrb-50{
    margin-bottom:50px !important;
}
 .mrb-60{
    margin-bottom:60px !important;
}
 .mrb-70{
    margin-bottom:70px !important;
}
 .pad-0{
    padding:0 !important;
}
 .pad-t10{
    padding-top:10px !important;
}
 .pad-t20{
    padding-top:20px !important;
}
 .pad-t30{
    padding-top:30px !important;
}
 .pad-t40{
    padding-top:40px !important;
}
 .pad-t50{
    padding-top:50px !important;
}
 .pad-t60{
    padding-top:60px !important;
}
 .pad-t70{
    padding-top:70px !important;
}
 .pad-b10{
    padding-bottom:10px !important;
}
 .pad-b20{
    padding-bottom:20px !important;
}
 .pad-b30{
    padding-bottom:30px !important;
}
 .pad-b40{
    padding-bottom:40px !important;
}
 .pad-b50{
    padding-bottom:50px !important;
}
 .pad-b60{
    padding-bottom:60px !important;
}
 .pad-b70{
    padding-bottom:70px !important;
}
 .pad-l10{
    padding-left:10px !important;
}
 .pad-l20{
    padding-left:20px !important;
}
 .pad-l30{
    padding-left:30px !important;
}
 .pad-l40{
    padding-left:40px !important;
}
 .pad-l50{
    padding-left:50px !important;
}
 .pad-r10{
    padding-left:10px !important;
}
 .pad-r20{
    padding-right:20px !important;
}
 .pad-r30{
    padding-right:30px !important;
}
 .pad-r40{
    padding-right:40px !important;
}
 .pad-r50{
    padding-right:50px !important;
}
 .container{
    position:relative;
     z-index:3;
     max-width:1200px;
}
 .btn{
    background:#ed1d24;
     border:0;
     text-decoration: none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 0px;
     position: relative;
     z-index: 1;
     display: inline-block;
     text-align: center;
     color: #fff;
     font-size: 14px;
     font-family: 'Montserrat';
     font-weight:500;
     padding: 10px 25px;
     border:0; border-radius:20px;
     overflow:hidden;
     text-shadow:none;
     box-shadow:none;
}
.btn2 {
    background: #121238;
}
 .btn:hover{
    color: #fff;
     background:#121238;
}
 .header{
    position:absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;    z-index: 3;
    background: none;
}
 .head-top{
    background:#1c0b79;
     font-size: 14px;
     position:relative;
     overflow:hidden;
}
 .head-right{
    text-align:right;
}
 .head-top a:hover{
    text-decoration:underline;
}
 .head-top ul{
    margin:0;
     padding:10px 0 6px;
}
 .head-top ul li{
    display:inline-block;
     list-style:none;
     margin:0 10px 0 0;
     position:relative;
}
 .head-top ul li::before{
    position: absolute;
     content: '';
     left: 0px;
     top: -15px;
     right: 0px;
     bottom: -15px;
     background-color: #3c2b99;
    /*transform: skewX(35deg);
    */
}
 .head-top ul li:last-child::before{
    background: #ed1d24 !important;
}
 .head-top ul li i{
    margin:0 5px 0 0;
     position: relative;
     top: 0;
     font-weight: normal;
     display: inline-block;
     vertical-align: middle;
     font-size: 17px;
     position:relative;
     top:-1px;
}
 .head-top ul li a{
    display: block;
     padding: 0 20px;
     color: #fff;
     position: relative;
     z-index: 2;
}
 .icon-top{
    margin:0;
    text-align:right;
}
 .icon-top i{
    color: #fff;
     border:0;
     display:inline-block;
     font-size: 16px;
     line-height: 40px;
     margin: 0 0 0 2px;
     height: 40px;
     text-align: center;
     width: 40px;
     background: none !important;
     position:relative;
     z-index:1;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}
 .icon-top .fa-facebook{
    background:#3a5896;
}
 .icon-top .fa-twitter{
    background:#00aced;
}
 .icon-top .fa-youtube{
    background:#b00;
}
 .icon-top .fa-linkedin{
    background:#007ab5;
}
 .icon-top .fa-google-plus{
    background: #dc4e41;
}
 .icon-top .fa-instagram{
    background: #f09433;
     background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
     background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
 .icon-top i:hover{
    color:#fff;
     opacity:0.7;
     transition:0.8s ease-in-out;
     -webkit-transition:all 0.8s ease-in-out;
     -moz-transition:all 0.8s ease-in-out;
     -ms-transition:all 0.8s ease-in-out;
     -o-transition:all 0.8s ease-in-out;
}
 .menu-head{
    margin:0;
     position:relative;
     font-family: 'Poppins', sans-serif;
     font-weight:500;
     font-size:16px;
     text-transform:uppercase;
     padding:0;
     z-index:2;
}
 .menu-head .navbar-brand{
    padding:10px 0;
     height:auto;
}
.menu-head .navbar-brand img {
    max-width: 80px;
    filter: brightness(0) invert(1);
}
 .menu-head .navbar-brand .logo-fix{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
 .menu-head .navbar-header{
    position: relative;
     z-index: 2;
     top: 10px;
}
 .menu-head nav{
    box-shadow:none;
     border:none;
     padding:0;
     background:none !important;
     border-radius:0;
     margin:0;
     flex-wrap: nowrap;
     justify-content: flex-start;
     height: 100%;
}
/*.menu-head .container-fluid{
    display: flex;
     flex-wrap: inherit;
     align-items: center;
     justify-content: space-between;
}
*/
 .menu-head .navbar-collapse{
    padding:0;
     text-align: center;
}
 .menu-head .navbar-nav{
    float:none;
     margin:0;
     padding:0;
     text-align:center;
}
 .menu-head .navbar-nav > li{
    display:inline-block;
     vertical-align:middle;
     float: none;
     margin: 0 0 0 40px;
     padding: 20px 0;
}
 .menu-head .navbar-nav > li:first-child{
    padding-left:0;
}
 .menu-head .navbar-nav > li > a:before{
    position: absolute;
    content: " ";
    width: 3px;
     height: 3px;
     left: 50%;
     border-radius: 50px;
     bottom: 0;
     opacity: 0;
     transform: translateX(-50%);
     background: #ed1d24;
     transition: 0.5s;
}
 .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before{
    position: absolute;
     content: " ";
     width: 100%;
     height: 3px;
     left: 50%;
     transform: translate(-50%);
     bottom: 0px;
     opacity: 1;
     background: #ed1d24;
}
 .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{
    color: #ed1d24;
}
 .menu-head .navbar-nav a{
    font-size: 14px;
}
 .menu-head .navbar-nav > li > a{
    color: #fff;
     text-shadow:none;
     padding:15px 0;
}
 .menu-head .navbar-nav > li.dropdown-li > a::after{
    content: "";
     display: inline-block;
     width: .5rem;
     height: .5rem;
     border-right: 2px solid #fff;
     border-bottom: 2px solid #fff;
     -webkit-transform: rotate(45deg) scale(.85);
     transform: rotate(45deg) scale(.85);
     margin-left: 15px;
     position: relative;
     bottom: .125rem;
}
 .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{
    color: #ed1d24;
     background:none;
     box-shadow:none;
}
/*.menu-head li a:hover .sub-menu{
    display:block;
}
*/
 .menu-head ul, .menu-head ul li, .menu-head ul li a{
    position:relative;
}
 .menu-head li:hover > ul {
    opacity: 1;
     visibility: visible;
     -moz-transform: scaleY(1);
     -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
}
 .menu-head ul ul{
    position: absolute;
     left: 0;
     top: 100%;
     z-index: 2;
     padding:0;
     width: 250px;
     background: #fff;
     -webkit-box-shadow: -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04);
     -moz-box-shadow: 0 -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04);
     -ms-box-shadow: -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04);
     -o-box-shadow: -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04);
     box-shadow: -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
     -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
     transition: all .2m jn5s ease-out;
     -webkit-transform: scaleY(0);
     -moz-transform: scaleY(0);
     -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
     -o-transform-origin: 0 0;
     transform-origin: 0 0;
}
 .menu-head ul ul ul{
    margin-left: 100%;
     top: 0;
}
 .menu-head ul li:last-child ul ul{
    margin-right: 100%;
     margin-left: inherit;
     left: inherit;
     right: 0;
}
 .menu-head ul ul li a{
    text-decoration: none;
     -webkit-transition: color .2s ease;
     -moz-transition: color .2s ease;
     -ms-transition: color .2s ease;
     -o-transition: color .2s ease;
     transition: color .2s ease;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     -ms-box-shadow: none !important;
     -o-box-shadow: none !important;
     box-shadow: none !important;
}
/*.menu-head .sub-menu{
    background:#000;
     position:absolute;
     top:100%;
     left:0;
     min-width:270px;
     display:none;
     margin:0;
     padding:0;
}
*/
 .menu-head .sub-menu > li{
    list-style:none;
     border-bottom:1px solid #ccc;
}
 .menu-head .sub-menu > li:last-child{
    border-bottom:0;
}
 .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{
    background: #ed1d24 !important;
     color: #fff !important;
     transition: all .2s ease-out;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-transition: all .2s ease-in-out 0s;
     -o-transition: all .2s ease-in-out 0s;
     transition: all .2s ease-in-out 0s;
}
 .menu-head .sub-menu > li > a{
    display:block;
     color: #212121 !important;
     padding:10px !important;
     text-align:left;
     position:relative;
     -webkit-transition: all .2s ease-in-out 0s;
     -o-transition: all .2s ease-in-out 0s;
     transition: all .2s ease-in-out 0s;
}
 .menu-head .row {
     display: flex;
     align-items: center;
     padding: 0 2em;
}

.btn-sign {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 7px 30px;
    color: #fff;
}
 .call-btn{
    position: absolute;
     left: 15px;
     right: 15px;
     bottom: 15px;
}
.banner {
    position: relative;
    padding: 0;
    background: #fff;
    padding: 120px 0 80px 0;
}
.banner::after {
    position: absolute;
    content: "";
    background-image: url(images/bg_75.gif);
    top: -100px;
    width: 110%;
    height: 445px;
    rotate: 173deg;
    left: -100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-text h1 {
    color: #fff;
    font-size: 60px;
}
.banner-text p {
    color: #141452;
    font-size: 18px;
    line-height: 1.5;
}
 .banner .container-fluid {
     padding: 0;
}
 .banner .row {
     display: flex;
     align-items: center;
}
 .banner-logo img {
     width: 250px !important;
}
 .banner .col-sm-2 {
    width: 25%;
}
 .content-sec {
     padding: 50px 0;
}
 .btn-red {
     margin: 25px 10px 0;
}
 .row1 {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .insta-section {
     padding: 40px 0;
}
 .insta-section h2 {
     margin: 0 0 30px 0;
}
.footer {
    border-top: 1px solid #e5e5e5;
    padding: 70px 0 0;
    background: #eff7ff;
}
 .footer h4 {
     color: #323232 !important;
     font-weight: 700;
     line-height: 26px;
     font-size: 22px;
     margin-bottom: 25px;
}
 .footer li, .footer label, .footer a {
     color: #fff !important;
     font-weight: 400;
     font-size: 14px !important;
}
 .footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .footer ul li {
     margin-bottom: 15px;
}
 .footer-address li {
     display: flex;
}
 .footer-address li i {
     padding-right: 15px;
     top: 5px;
     position: relative;
     color: #ed1d24;
}
 ul.footer-menu li {
     position: relative;
}
 ul.footer-menu li::before {
     content: "\f105";
     font-family: 'FontAwesome';
}
 ul.footer-menu li:hover::before, ul.footer-menu li a:hover {
     color: #ed1d24 !important;
}
 ul.footer-menu li:hover a {
     color: #ed1d24 !important;
}
 ul.footer-menu li a {
     padding-left: 10px;
}
 .newsletter-form .form-control {
     border: 1px solid rgba(0,0,0,.1);
     border-radius: 2px;
     height: 44px !important;
     box-shadow: none;
     margin-bottom: 30px;
}
.ft-bottom {
    background: #121238;
    padding: 20px 0 0px 0;
    margin-top: 70px;color: #fff;
}
 .btn-search {
     background: none;
     border: none;
}
 .modal .input-group {
     display: flex;
}
 .modal-dialog {
     width: 90%;
}
 .modal-content {
     padding: 100px 30px;
}
 .back-to-top {
     background-color: $back-to-top__button-color;
     text-decoration: none;
     cursor: pointer;
     width: 56px;
     height: 56px;
     z-index: 999;
     position: fixed;
     right: 32px;
     bottom: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 0;
     border-radius: 100%;
     box-shadow: 0 4px 16px 0 rgba(black,0.4);
     &:hover {
         background-color: lighten($back-to-top__button-color, 12%);
    }
     &:active {
         box-shadow: none;
         background-color: darken($back-to-top__button-color, 12%);
    }
}
 a#backToTop {
     background: #ed1d24;
     color: #fff;
     border-radius: 0;
     width: 40px;
     height: 40px;
     box-shadow: 0 3px 15px rgba(0,0,0,.2);
}



.icon-box {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}
.icon-box img {
    width: 150px;
    text-align: center;
    margin: 0 auto;
}
section.icon-section {
    padding: 70px 0;
}
section.home-content {
    background: #f6f9fc;
    padding: 70px 0;
}
section.home-content2 {
    background: #fff;
    padding: 70px 0;
}
section.home-images {
    padding: 60px 0;
    background: #f6f9fc;
}
.grid-box.box3 {
    margin-top: -100px;
}
.grid-box.box4 {
    margin-top: -130px;
    width: 80%;
    float: right;
}

.grid-box img {
    box-shadow: 0 50px 100px -20px rgba(50,50,93,0.25), 0 30px 60px -30px rgba(0,0,0,0.3), inset 0 -2px 6px 0 rgba(10,37,64,0.35);
    border-radius: 10px;
}
.grid-box.box5 {
    margin-top: 35px;
}
.grid-box.box5 img {
    width: 100%;
}
section.globe-banner {
    background: #0a2540;
    position: relative;
    color: #fff;
    z-index: 99;
}
section.globe-banner::after {
    position: absolute;
    content: "";
    top: -90px;
    width: 110%;
    height: 189px;
    rotate: 175deg;
    left: -100px;
    background: #0a2540;
    z-index: 1;
}
section.globe-banner::before {
    background-image: url(images/globe1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    content: "";
    height: 763px;
    width: 700px;
    right: 0;
    top: -140px;
    z-index: 2;
}

.counter-row {
    margin: 70px 0;
}

.counter-box h4 {
    color: #fff;
    font-size: 36px;
    border-left: 5px solid #ed1d24;
    padding-left: 10px;
    margin-bottom: 15px;
}
.counter-box p {
    font-size: 14px;
}
.globe-text h4 {
    color: #fff !important;
}
.globe-text h2 {
    color: #fff !important;
}


.hide-bullets {
list-style:none;
margin-top:50px;
}
.hide-bullets .thumbnail {
    border: none !important;
}

div#main_area {
    margin: 60px 0 0;
}
img.carousel-img {
    height: 450px !important;
    object-fit: cover;
    align-items: center;
    border-radius: 10px !important;
}
.carousel-content {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;border-radius: 10px !important;
    background-image: linear-gradient(to bottom, #175e6a8c , #2c326dba);
    color: #fff;
}
.carousle-text {
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: #fff !important;
}
.carousle-text h3 {
    font-size: 24px;
    color: #fff !important;
    margin: 10px;
}

.carousel-logo {
    padding: 10px;
}
.read-more {
    color: #fff;
    padding-left: 10px;
}
.read-more a {
    color: #fff;
}

.built-box {
    background: transparent;
    border: 5px solid #fff;
    border-radius: 5px;    margin-bottom: 30px;
    box-shadow: 0px 18px 36px -18px rgba(0,0,0,0.1), 0px 30px 45px -30px rgba(50,50,93,0.25);
}

.built1 .build-image {
    padding: 50px 0 0 50px;
}
.built-content {
    background: #fff;
    padding: 30px;
}
.built-icon {
    background: #f6f9fc;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
}
.built-icon img {
    width: 20px;
}
.built-box:hover {
    background-image: linear-gradient(to right, #fab5b5,#eace9a,#f8f89a,#98eb98,#a4a4de,#c581f7,#fdd1fd);
    background-size: cover;
    background-repeat: no-repeat;
}
.built2 .build-image {
    padding: 60px 0;
}
.built-btn {
    margin-bottom: 25px;
}
.built4 .build-image {
    text-align: center;
    padding: 50px 50px 0;
}


section.design-bg {
    background: #0a2540;
    position: relative;
    color: #fff;
    z-index: 99;margin-top: 90px;
}
section.design-bg::after {
    position: absolute;
    content: "";
    top: -90px;
    width: 110%;
    height: 189px;
    rotate: 175deg;
    left: -100px;
    background: #0a2540;
    z-index: 1;
}
section.design-bg::before {
    position: absolute;
    content: "";
    bottom: -90px;
    width: 110%;
    height: 189px;
    rotate: 175deg;
    left: -100px;
    background: #0a2540;
    z-index: 1;
}
.counter-box1 img {
    width: 70px;
}
.counter-box1 h4 {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 10px 0;
    font-weight: 500;
}
.counter-box1 p {
    font-size: 13px;
    color: #ccc;
}
section.home-content3 {
    padding: 170px 0 70px 0;
}
.post-box {
    box-shadow: 0px 18px 36px -18px rgba(0,0,0,0.1), 0px 30px 45px -30px rgba(50,50,93,0.25);
    padding: 7px;
}
.post-box h3 {
    font-size: 23px;
    margin-bottom: 10px;
}
.post-box h3 a{
    color: #0a2540;
}
.post-text {
    padding: 30px 25px;
}
.footer-box h3 {
    font-size: 30px;
}






/** Smartphones **/
 @media (min-width: 320px) and (max-width: 480px) {
     .menu-head{
        font-size: 14px;
    }
     .menu-head::after{
        display:none;
    }
     .menu-head .navbar-brand{
        padding: 20px 0;
    }
     .menu-head .nav-logo{
        position: relative;
         text-align: left;
         float:left;
    }
     .menu-head nav{
        padding:0;
    }
     .menu-head .navbar-header{
        position:relative;
         z-index:2;
         float: none;
         width: 100%;
    }
     .menu-head .navbar-toggle{
        border-color: #fff;
         color: #fff;
         margin: 8px 0;
         border-radius: 0;
         float:right;
    }
     .navbar-default .navbar-toggle .icon-bar{
        background-color:#000;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background:none;
    }
     .menu-head .navbar-collapse{
        border:none;
         box-shadow: none;
    }
     .menu-head .navbar-collapse.in ul{
        margin: 0;
         box-shadow: none;
         border: 0;
    }
     .menu-head .navbar-nav{
        margin: 0;
         text-align:left;
         top: 0;
    }
     .menu-head .navbar-nav > li:before{
        display:none;
    }
     .menu-head .navbar-nav > li{
        display:block;
         margin:0;
         padding:0;
         border-bottom: 1px solid #fff;
         background:#c12121210;
    }
     .menu-head .navbar-nav > li:last-child{
        border-bottom:0;
    }
     .menu-head .navbar-nav .li-mrg{
        margin-right: 0 !important;
    }
     .menu-head .navbar-nav > li > a{
        padding: 10px;
         border: 0;
         color:#000;
    }
     .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{
        background: #9f2121210;
         color: #000;
    }
     .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{
        background: #9f2121210 !important;
    }
     .menu-head .sub-menu{
        position: relative !important;
         top: 0 !important;
         margin:0 !important;
         left: 0 !important;
         display: block !important;
         height: auto !important;
    }
     .menu-head .sub-menu > li > a{
        background:none !important;
         padding:7px 20px;
         width: auto;
         color:#000 !important;
    }
     .header{
        position: relative;z-index: 99999;
    }
     .head-top .logo{
        width:100%;
         text-align:center;
         padding: 0 0 20px
    }
     .head-top .head-right{
        width:100%;
         text-align:center;
         float:none !important
    }
}
/* Smartphones to Tablets */
 @media (min-width: 481px) and (max-width: 767px) {
     .menu-head{
        font-size: 14px;
    }
     .menu-head::after{
        display:none;
    }
     .menu-head .navbar-brand{
        padding: 20px 0;
    }
     .menu-head .nav-logo{
        position: relative;
         text-align: left;
         float:left;
    }
     .menu-head nav{
        padding:0;
    }
     .menu-head .navbar-header{
        position:relative;
         z-index:2;
         float: none;
         width: 100%;
    }
     .menu-head .navbar-toggle{
        border-color: #fff;
         color: #fff;
         margin: 8px 0;
         border-radius: 0;
         float:right;
    }
     .navbar-default .navbar-toggle .icon-bar{
        background-color:#000;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background:none;
    }
     .menu-head .navbar-collapse{
        border:none;
         box-shadow: none;
    }
     .menu-head .navbar-collapse.in ul{
        margin: 15px 0 0;
         box-shadow: none;
         border: 0;
    }
     .menu-head .navbar-nav{
        margin: 0;
         text-align:left;
         top: 0;
    }
     .menu-head .navbar-nav > li:before{
        display:none;
    }
     .menu-head .navbar-nav > li{
        display:block;
         margin:0;
         padding:0;
         border-bottom: 1px solid #fff;
         background:#c12121210;
    }
     .menu-head .navbar-nav > li:last-child{
        border-bottom:0;
    }
     .menu-head .navbar-nav .li-mrg{
        margin-right: 0 !important;
    }
     .menu-head .navbar-nav > li > a{
        padding: 10px;
         border: 0;
         color:#fff;
    }
     .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{
        background: #9f2121210;
         color: #fff;
    }
     .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{
        background: #9f2121210 !important;
    }
     .menu-head .sub-menu{
        position: relative !important;
         top: 0 !important;
         margin:0 !important;
         left: 0 !important;
         display: block !important;
         height: auto !important;
    }
     .menu-head .sub-menu > li > a{
        background:none !important;
         padding:5px 15px 5px 30px;
         width: auto;
         color:#fff !important;
    }
     .header{
        position: relative;
    }
     .head-top .logo{
        width:100%;
         text-align:center;
         padding: 0 0 20px
    }
     .head-top .head-right{
        width:100%;
         text-align:center;
         float:none !important
    }
}
/* Tablets */
 @media (min-width: 768px) and (max-width: 959px) {
     .header{
        position: relative;
    }
     .container{
        width: auto;
         max-width:850px;
         padding:0 30px;
    }
     .head-top .logo{
        width:100%;
         text-align:center;
         padding: 0 0 20px
    }
     .head-top .head-right{
        width:100%;
         text-align:center;
         float:none !important
    }
     .menu-head{
        font-size: 14px;
    }
     .phn-detail ul{
        margin: 20px 0 0;
    }
     .menu-head .navbar-nav > li{
        padding: 0 6px;
         letter-spacing: -0.5px;
    }
}
/* Desktop */
 @media (min-width: 960px) and (max-width: 1090px) {
     .container{
        width:auto;
         padding:0 30px;
         max-width:1030px
    }
     .header{
        position: relative;
    }
     .head-top .logo{
        width:100%;
         text-align:center;
         padding: 0 0 20px
    }
     .head-top .head-right{
        width:100%;
         text-align:center;
         float:none !important
    }
     .menu-head{
        font-size: 14px;
    }
}
/************************************************** Mobile Css Start */
 @media (min-width: 320px) and (max-width: 767px){
     body, html {
        overflow-x:hidden;
    }
     h2 {
         font-size: 26px;
    }
     .menu-head .navbar-header {
        top:0;
    }
     .menu-head .navbar-brand img {
         max-width: 50px;
    }
     .menu-head .col-sm-2 {
        display: none;
    }
     .menu-head .row {
        display: block;
         align-items: center;
         padding: 0 10px;
    }
     .menu-head .navbar-toggle {
        top:10px;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #000 !important;
    }
     .menu-head .navbar-toggle {
        float:right !important;
         top:10px !important;
         position:relative;
    }
     .menu-head .navbar-nav > li > a {
         color: #000 !important;
    }
     .menu-head .sub-menu {
         position: relative !important;
         top: 0 !important;
         margin: 0 !important;
         left: 0 !important;
         display: block !important;
         height: auto !important;
         opacity: 1;
         visibility: visible;
         width: auto;
         -webkit-transform: inherit;
         -moz-transform: inherit;
         -ms-transform: inherit;
         -o-transform: inherit;
         transform: inherit;
         background: none;
    }
     .menu-head .navbar-nav > li {
         background: #fff;
    }
     .menu-head .sub-menu > li {
         border-bottom: none !important;
    }
     .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before {
        display:none;
    }
     .banner .col-sm-2 {
        width: 100%;
    }
     .image-box {
         margin-bottom: 20px;
    }
     .insta-box {
         margin-bottom: 15px;
    }
     .footer .col-sm-3 {
         margin: 30px 0;
    }
     .footer {
         padding: 20px 0 0;
    }
     .ft-bottom .col-sm-6 {
        text-align: center !important;
    }
	
	.header {
    position: relative;
    z-index: 99999;
    background-image: url(images/bg_75.gif);
    background-repeat: no-repeat;
    background-size: cover;
}
	.banner::after {top: -200px; width: 135%; height: 600px; rotate: 170deg; left: -63px;}
	.banner .row {display: block;}
	.banner { padding: 100px 10px 50px 10px;}
	.banner-text h1 { font-size: 34px;}
	.banner-right {margin-top: 40px;}

    .content-text { margin: 20px 0;}
    section.home-content, section.home-images, section.home-content3 { padding: 30px 0;}	
	
	.grid-box { margin: 20px 0;}
	.grid-box.box3 { margin-top: 20px;}
	.grid-box.box4 { margin-top: 20px; width: 100%; float: none;}
	
	
	section.globe-banner::before { height: 323px; width: 317px; right: 0;top: 0; z-index: 2;}
	section.globe-banner::after, section.design-bg::after, section.design-bg::before {display:none;}
	.globe-text { padding-top: 50px;}
	
	img.carousel-img { height: 200px !important; }
	.post-box { margin: 35px 0;}
	
}