body,
html {
    width: 100%;
    min-height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
body {
    overflow-x: hidden;
}
a {
    text-decoration: none !important;
}
a:hover,
.hvr_duration {
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
}
a:focus {
    outline: 0px !important;
    text-decoration: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
img {
    max-width: 100%;
}
button {
    outline: none;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

/*--Input placeholder css start here --*/

input.form-control::-webkit-input-placeholder {
    color: #788795;
}
input.form-control::-moz-placeholder {
    color: #788795;
}
input.form-control:-ms-input-placeholder {
    color: #788795;
}
input.form-control:-moz-placeholder {
    color: #788795;
}
/*--Input placeholder css closed here --*/

.padd_80 {
    padding: 80px 0;
}

/*--Homepage css start here --*/
section.top_sec {
    background: url(../img/topsec_bg.jpg);
    background-size: cover !important;
}
header {
    padding: 0px;
	background: #fff;
}
.banner_sec .carousel-indicators{
	position: absolute;
    top: 10%;
    right: 7%;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    transform: rotate(90deg);
    left: auto;
}
.banner_sec .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
}
.navbar-default {
    background: none;
    border: none;
    margin: 0px;
}
header .navbar {
    padding-top: 0;
	padding-bottom:0;
}
header .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    padding: 33px 20px !important;
    opacity: 0.8;
	transition: none;
	font-weight: bold;
}
header .navbar-brand {
        max-width: 145px;
		padding:0;
}
header .navbar .navbar-collapse {
    justify-content: flex-end;
}
header .navbar-nav > li > a:hover,
header .navbar-nav > li > a:focus {
    color: #fff;
}
header .navbar-nav > li.login > a {
    background: #0e76bc;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    min-width: 92px;
    text-align: center;
    padding: 10px;
}

.navbar-nav > li.login.signup {
    padding-left: 5px;
}
header .navbar-nav > li.signup > a {
    background: rgba(255, 255, 255, 0.87);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    min-width: 92px;
    text-align: center;
    color: #0e76bc;
}

header .navbar-nav > li.login > a:hover,
header .navbar-nav > li.login > a:focus {
    background: #0a88dd;
    color: #fff;
}
header .navbar-nav > .open > a,
header .navbar-nav > .open > a:focus,
header .navbar-nav > .open > a:hover {
    background: none;
    color: #fff;
}
header .dropdown-menu {
    padding: 0;
    background: rgb(0 0 0 / 93%);
    border-radius: 5px !important;
    border: none;
    box-shadow: 0 10px 22px #001e31;
    overflow: hidden;
    max-width: none;
    width: 100%;
	padding-bottom: 20px;
}
header .dropdown-menu.more_drop {
    width: 100%;
    max-width: 250px;
    right: auto;
    left: auto;
}
header .navbar-nav > li:hover .dropdown-menu {
    display: block;
    top: 80px;
    z-index: 999;
    margin: 0;
}
header .navbar-nav {
    position: relative;
}
header .navbar-nav > li {
    position: static;
}
header .dropdown-menu a {
    /* border-bottom: 1px solid #464646a6; */
    font-size: 12px;
    padding: 10px;
    text-transform: uppercase;
    color: #bfbfbf;
}
header .navbar li.active> a,
header .navbar-nav > li:hover > a {
    background-image: linear-gradient(#00a6e6, #77d4f7);
    color: #fff !important;
    border-radius: 0 0 7px 7px;
    opacity: 1;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-image: linear-gradient(#00a6e6, #77d4f7);
    color: #fff;
}
header .drop_menuhead {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 10px;
}
.all_repairdropdown a.dropdown-item {
    padding: 3px 10px;
}
.dropdown-menu ul {
    padding: 0;
    list-style: none;
}
ul.all_repairdropdown {
    list-style: none;
    padding: 14px 22px;
}
.more_nav .dropdown-menu.more_drop {
    padding-bottom: 0;
}
.all_repairdropdown>li:last-child {
    display: none;
}
/*--banner sec css start here --*/

.bann_txt {
    max-width: 820px;
    padding: 139px 0;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}
.bann_txt h1 {
    text-transform: unset;
    font-size: 40px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.74);
    line-height: normal;
}
.bann_txt p {
    color: #dbe5ec;
    font-size: 21px;
    margin: 20px 0;
}
.bluebtn {
    color: #fff;
    background: #00abef;
    padding: 20px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0 0 15px #00000040;
    border-radius: 4px;
    padding: 22px 10px;
    display: inline-block;
    text-align: center;
}
.bann_txt .bluebtn {
    min-width: 247px;
}
.bann_txt .bluebtn i {
    font-size: 19px;
}
.bluebtn:hover,
.bluebtn:focus {
    background: #30b6e8;
    color: #fff;
}
.logo {
    padding: 9px 0;
}

/*-- Banner css Closed here --*/
/*  High custom sec css start */
.highly_custom {
    padding: 60px 0;
}
.high_content h3 {
    font-size: 28px;
    color: #000;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
}
.high_content p {
    font-size: 18px;
    color: #696969;
}
.high_btn {
    color: #00abef;
    font-size: 16px;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: 600;
}
/*  High custom sec css end */

/*  Benefits section css start */
.benefit_box {
    padding-top: 50px;
}
.benef_contentbox h3 {
    font-size: 28px;
    font-weight: 700;
}
.benef_contentbox p {
    font-size: 16px;
    color: #727272;
    font-weight: 500;
}
.benef_imgbox {
    max-width: 570px;
    max-height: 350px;
    overflow: hidden;
}
.benefit_box > .row {
    margin: 0;
}
.benefit_box > .row > div {
    padding: 0;
}
.benef_contentbox {
    max-width: 510px;
    margin: 0 0 0 auto;
    padding: 0 20px;
}
/*  Benefits section css end */

/* Xpert Mobile service css start */
.xpertlink {
    padding: 50px 0;
    background: #fff;
}
.xpert_linkhd {
    color: #2c2929;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.xpertlinkbtn {
    font-size: 16px;
    font-weight: 500;
    color: #00abef;
    margin-bottom: 18px;
}
.our_services ol.flex-control-paging {
    display: none;
}
.our_services .flexslider.carousel {
    margin: 0;
}
.our_services .flex-direction-nav .flex-next,
.our_services .flex-direction-nav .flex-prev {
    right: 0 !important;
    text-align: right;
    background: #000;
    opacity: 1;
    text-shadow: none;
    font-weight: 900;
    width: 100%;
    height: 100%;
    max-width: 69px;
    max-height: 57px;
    padding: 10px;
    text-align: center;
    opacity: 0.6;
}
.our_services .section_par {
    padding-bottom: 40px;
}
.our_services .flex-direction-nav .flex-prev {
    left: 0 !important;
}

.our_services .flex-direction-nav .flex-next:before,
.our_services .flex-direction-nav .flex-prev:before {
  content: "";
    background: url(../img/arrow_right.png);
    width: 25px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;)
}
.our_services .flex-direction-nav .flex-prev:before {
    transform: rotate(180deg);
    top: 24px;
}
.our_services .slider ul.slides li {
    position: relative;
}
.our_services .slider ul.slides li:hover .servc_contnbox {
    opacity: 1;
    transition: ease-in-out 0.5s;
    cursor: pointer;
}
.our_services .servc_contnbox {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 75%);
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-content: center;
    padding: 0 8px;
    opacity: 0;
    transition: ease-in-out 0.5s;
}
.our_services .servc_contnbox h4 {
    font-size: 16px;
    font-weight: 500;
}
.our_services .servc_contnbox p {
    font-size: 14px;
    margin-bottom: 6px;
}
.servc_contnbox a.high_btn {
    font-size: 14px;
}
.sevc_img {
    background: url(../img/service_inner1.jpg);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	min-height: 370px;
}
.sevc_img1 {
    background: url(../img/service_inner3.jpg);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	min-height: 370px;
}
/* Xpert Mobile service css end */
/* Our Testimonials css end */
.our_testimonial {
    background: #f6f6f6;
}
.our_testimonial .owl-item .item {
    max-width: 217px;
    height: 132px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 4px #0000001a;
    width: 100%;
    padding: 10px;
}
.our_testimonial .owl-nav {
    display: none;
}
.our_testimonial .owl-item .item img {
    width: auto;
}
.testimonial_curousel .owl-dots {
    margin-top: 25px;
}
.our_testimonial .section_head {
    padding-bottom: 30px;
}
.testimonial_curousel .owl-dots {
    display: none;
}
/* Our Testimonials css end */

footer {
    background: #18181a;
    padding: 60px 0 20px;
    color: #a8a8a9;
}
.footer_logo {
    padding-bottom: 30px;
	max-width:145px;
}
.logo_footer p {
    font-size: 15px;
    margin-bottom: 5px;
}
.cont_icon img {
    max-width: 18px;
    margin-right: 6px;
}
.footer_post h4 {
    font-size: 16px;
    color: #fff;
}
.foote_link a {
    font-size: 14px;
    color: #a8a8a9;
}
.foote_link {
    padding: 6px 0 0;
    list-style: none;
}
.foote_link li {
    margin-bottom: 8px;
}
footer .fac_bk {
    width: 38px;
    height: 38px;
    border: 1px solid #767676;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dadada;
    font-size: 17px;
    border-radius: 50%;
}
.social_link li {
    display: inline-block;
    margin-right: 6px;
}
footer .fac_bk:hover {
    background: #00abef;
    color: #dadada;
    border: 1px solid #00abef;
}
.footer_botline {
    padding: 80px 0 40px;
}
.footr-lin {
    background-image: radial-gradient(#00abefb8, rgb(0 0 0 / 0%));
    width: 100%;
    display: block;
    height: 1px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
.footr-lin:before {
    content: "";
    background: #18181a;
    border: 1px solid #00abef;
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 50%;
    top: -6px;
    right: 50%;
    transform: translateX(-50%);
}
.copy_right p {
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
}
.copy_right p small {
    color: #576687;
    font-size: 13px;
}
.mega-menu-clear {
    clear: left;
}
.logo_footer a {
    color: #a8a8a9;
}
.foot-mil{
	display:flex;
}
/*=== Service page css start  ===*/
section.services_top {
    background: url(../img/service-banner.jpg);
    background-size: cover !important;
    background-position: center;
    position: relative;
	background-attachment: fixed!important;
}
.services_banner{
	position:relative;
}
.services_banner:before {
    content: "";
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    opacity: 0.8;
}
.banner_sec .services_rel {
    position: relative;
}
.services_top .bann_txt {
    position: relative;
    z-index: 9;
    padding: 70px 0 220px;
}

.breadcrUmb .breadcrumb {
    background: transparent;
    justify-content: center;
    margin: 0;
}
	.breadcrUmb .breadcrumb a {
		color: #fff;
	}
	.breadcrumb-item.active {
		color: #e4e4e4;
		padding-left: 16px;
	}
	.breadcrumb-item + .breadcrumb-item::before {
		content: "";
		color: transparent;
		background: #fff;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		padding: 0;
		position: absolute;
		top: 10px;
		left: 5px;
	}
	.breadcrumb-item {
		position: relative;
	}

/*  Our services page css start */
.columns {
    position: relative;
}
	.our_services {
		background: #fafafa;
		padding-bottom: 0;
	}
	.section_head {
		font-size: 32px;
		font-weight: 700;
		color: #333333;
		text-transform: uppercase;
		text-align: center;
	}
.section_head span {
    color: #00abef;
}
	.section_par {
		font-size: 16px;
		color: #1f1f1f;
		font-weight: 400;
		text-align: center;
		line-height: 28px;
		text-align: justify;
		text-align-last: center;
	}
	.bar {
		height: 5px;
		width: 90px;
		background: #00abef;
		margin: 20px auto 30px;
		position: relative;
		border-radius: 30px;
	}

.bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #28c4ff;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
.services_rel h1 {
    font-size: 60px;
    text-transform: uppercase;
}
.our_serv-sec {
    /* background: url(../img/service_abstract.jpg); */
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.our_serv-sec .section_par {
    color: #888;
    font-weight: 500;
}
.grey_bg {
    background: #f2f2f2;
}
.sevc_contnt {
    /* background-color: #eaf3fe; */
    background-color: #f4f4f4;
    padding: 30px;
    display: flex;
    align-items: center;
    height: 100%;
}
.sevc_contnt h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 10px;
}
.sevc_contnt ul, .list_style ul{
    padding: 0;
}
.sevc_contnt ul li, .list_style ul li {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
    position: relative;
    padding-left: 20px;
    list-style: none;
}
.sevc_contnt ul li::before, .list_style ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #00abef;
}
.pb_80 {
    padding-bottom: 80px;
}

.highr-content {
    width: 50%;
    padding: 50px 40px 30px;
    background: #00abef;
    margin: 0 0 -100px auto;
    position: relative;
    color: #fff;
}
.highser_box {
    background: url(../img/service_inner4.jpg);
    background-position: center left;
    padding: 0;
    margin-bottom: 100px !important;
    background-repeat: no-repeat;
}
.highr-content .sevc_contnt {
    background: transparent;
    padding: 0;
}
.highr-content .sevc_contnt ul li::before {
    background-color: #fbfeff;
}
.mobile_img {
    display: none;
}
.go-top {
    position: fixed;
    cursor: pointer;
    top: 98%;
    left: -10%;
    background-color: #00abef;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.9s;
    transition: 0.9s;
	z-index:1024;
}
.go-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #00abef;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.go-top.active {
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    left: 95%;
}
.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 20px;
}
.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}
.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}
.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}
/* .ser_mob{ 
	 background: #fcfcfc; 
 } */
.serv_mobox{
	padding: 20px 28px 18px;
    border: 1px solid #e3e6ea;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all ease-in-out 0.3s;
    -khtml-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
	text-align:center;
	margin-bottom: 35px;
	    z-index: 9;
    position: relative;
}
.serv_mobox:hover{
    -webkit-box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
    -khtml-box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
    -moz-box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
    -ms-box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
    -o-box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
    box-shadow: 0px 22px 65px 0px rgba(23, 23, 23, 0.08);
}
.serv_mobox h3{
	color: #414444;
    font-size: 24px;
    line-height: 1;
    margin: 20px 0px;
    font-weight: 600;
    text-transform: capitalize;
}
.serv_mobox p{
	line-height: 1.85;
    margin-bottom: 15px;
    font-size: 16px;
    color: #38393a;
    font-weight: 500;
	min-height: 50px;
}

/*  Our services section css end */

/*  contact page css start */
section.contact_top {
    background: url(../img/contact_bg.jpg);
    background-size: cover !important;
    background-position: center;
    position: relative;
}
section.contact_top:before {
    opacity: 0.5;
}
.quic_contact {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding: 30px;
}
.quic_contact h4,
.contact-form h4 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: -4px;
    font-weight: 600;
}
.contact_area .quic_contact ul li {
    font-size: 18px;
    position: relative;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    background-color: #00abef;
    padding: 24px 20px;
    padding-left: 65px;
}
.contact_area .quic_contact ul li i {
    position: absolute;
    left: 25px;
    top: 23px;
    font-size: 25px;
}
.contact_area .quic_contact ul li span {
    display: block;
    font-weight: 500;
    font-size: 14px;
}
.contact_area .quic_contact ul li a {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    height: 28px;
}
.contact-form h4 {
    margin-bottom: 30px;
}
.contact_area .contact-right {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding: 40px;
    text-align: center;
}
.contact_area .contact-right .form-group {
    margin-bottom: 30px;
}
.contact_area .form-control {
    height: 50px;
    color: #25245e;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    border-radius: 4px;
    font-size: 15px;
    padding: 10px 20px;
    width: 100%;
}
.contact_area .form-control:focus {
    color: #000000;
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    outline: 0;
    border: 1px solid #00abef;
}
.contact_area textarea.form-control {
    height: auto;
}
.cont_btn {
    font-size: 16px;
    color: #ffffff;
    padding: 15px 30px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    background-color: #00abef;
    outline: none !important;
    border: none;
}
.cont_btn:hover {
    color: #ffffff;
    background-color: #56bbe0;
}
.cont_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 200%;
    width: 50%;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.cont_btn:hover::before {
    left: -200%;
}
.map_area iframe {
    width: 100%;
    height: 400px;
    border: none;
    margin-bottom: -8px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*  contact page css end*/
/*  blog page css start*/

section.blog_top {
    background: url(../img/blog-background.png);
    background-size: cover !important;
    background-position: center;
    position: relative;
}

.single_blog {
    margin-bottom: 30px;
}
.single_blog .blog_content {
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 0;
}
.single_blog .blog_content::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #00abef;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}
.single_blog .blog_content::after {
    content: "";
    position: absolute;
    bottom: -100%;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #00abef;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}
.single_blog .blog_content ul {
    line-height: 1;
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
}
.single_blog .blog_content ul li a {
    color: #78a9e3;
}
.single_blog .blog_content ul li:last-child {
    border-right: none;
    padding-right: 0;
}
.single_blog .blog_content ul li {
    display: inline-block;
    color: #00abef;
    border-right: 1px solid #04759e;
    line-height: 1;
    padding: 0 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 600;
}
.single_blog .blog_content h3 {
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px;
}
.single_blog .blog_content p {
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 15px;
    font-weight: 500;
    color: #808080;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.read-more {
    line-height: 1;
    color: #00abef;
    font-weight: 600;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
    font-size: 15px;
    text-decoration: underline !important;
}
.single_blog:hover .blog_content::before {
    top: 0;
}
.single_blog:hover .blog_content::after {
    bottom: 0;
}
.single_blog .blog_content ul li:first-child {
    padding-left: 0;
}
.single_blog:hover .blog_content p,
.single_blog:hover .blog_content h3,
.single_blog:hover .blog_content a,
.single_blog:hover .blog_content a,
.single_blog:hover .blog_content ul li {
    color: #ffffff;
}
/*  blog page css end*/

/*  blog detail page css start*/
.first-letter::first-letter {
    color: #333;
    font-size: 1.5rem;
    font-weight: 700;
}
.blog_content {
    margin-top: 30px;
}
.blog_info {
    margin-bottom: 10px;
}
.blog_info ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.blog_info ul li {
    position: relative;
    display: inline-block;
    color: #0664cd;
    margin-right: 21px;
    font-size: 14px;
}
.blog_info ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    right: -15px;
    width: 6px;
    height: 1px;
    background: #0664cd;
}
.blog_image img {
    width: 100%;
}
.blog_info ul li:last-child::before {
    display: none;
}
.blog_info ul li:last-child {
    margin-right: 0;
}
.blog_info ul li span {
    display: inline-block;
    color: #0199d2;
    font-weight: 500;
}

.blog_info ul li small {
    display: inline-block;
    color: #666666;
    font-size: 13px;
    font-weight: 500;
}
.blog_content h3 {
    margin-bottom: 13px;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 600;
    color: #383838;
}
.blog_content p {
    color: #666666;
    font-size: 17px;
    text-align: justify;
	margin-bottom: 30px;
}

.blog_footer {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    border-top: 1px solid #dedede;
    margin-top: 40px;
}
.blog_footer .article-tags span {
    display: inline-block;
    color: #666666;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
.shar_social {
    text-transform: capitalize;
    font-size: 19px !important;
    font-weight: 600;
}
.blog_footer .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
}
.blog_footer .social li {
    display: inline-block;
}
.blog_footer .social li a {
    display: block;
    color: #ffffff;
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 50%;
    background-color: #00abef;
    text-align: center;
    font-size: 14px;
}
.blog_footer .social .share_fb {
    background: #3b5998;
}
.blog_footer .social .share_google {
    background: #db3236;
}
.blog_footer .social .share_tweet {
    background: #00acee;
}
.blog_footer .social .share_pint {
    background: #e60023;
}
.blog_footer .social .share_linkd {
    background: #0e76a8;
}
.blog_footer .social .share_digg {
    background: #005be2;
}

.blog_footer .social li a:hover {
    -webkit-animation: rubberBand 1s linear;
    animation: rubberBand 1s linear;
}
.blog_right .aside_box {
    margin-top: 35px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
}
.blog_right .aside_box:first-child {
    margin-top: 0;
}
.blog_right .aside_box .aside_title {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 0;
    background-color: #ececec;
    padding: 10px 20px;
    color: #078dbf;
    position: relative;
    font-weight: 500;
}
.blog_right .aside_box .aside_title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #00abef;
}
.blog_right .aside_box .search_box,
.blog_right .aside_box .recent_blog {
    padding: 20px;
}
.blog_right .aside_box .search_box form {
    position: relative;
}
.blog_right .aside_box .search_box label {
    display: block;
    margin-bottom: 0;
}
.blog_right .aside_box .search_box .search-field {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    border: 1px solid #eeeeee;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog_right .aside_box .search_box button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    border: none;
    color: #ffffff;
    background-color: #00abef;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.blog_right .recent_blogbox {
    position: relative;
    overflow: hidden;
}
.blog_right .recent_blogbox .item {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.blog_right .recent_blogbox .item .blog_thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
    margin-right: 15px;
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    position: relative;
    background-color: #00abef;
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg1 {
    background-image: url(../img/blog-1.jpg);
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg2 {
    background-image: url(../img/blog-2.jpg);
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg3 {
    background-image: url(../img/blog-3.jpg);
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg4 {
    background-image: url(../img/blog-4.jpg);
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg5 {
    background-image: url(../img/blog-5.jpg);
}
.blog_right .recent_blogbox .item .blog_thumb .blog_itemimg.bg6 {
    background-image: url(../img/blog-6.jpg);
}
.blog_right .recent_blogbox .info time {
    font-size: 13px;
    color: #929292;
    display: block;
    margin-bottom: 4px;
}
.blog_right .recent_blogbox .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
}
.blog_right .recent_blogbox .info .title a {
    color: #474c40;
}
.blog_right .recent_blogbox .info .title a:hover {
    color: #00abef;
}
.blog_right .recent_blogbox .item:last-child {
    border-bottom: none;
	margin-bottom: 0;
}
.blog_right .archive_box ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.blog_right .archive_box ul li {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #666666;
    padding-left: 22px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #efefef;
}
.blog_right .archive_box ul li::before {
    background: #00abef;
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    left: 0;
    top: 5px;
}
.blog_right .archive_box ul li a {
    display: block;
    color: #666666;
    font-weight: normal;
    font-size: 14px;
}
.blog_right .archive_box ul li a span {
    float: right;
    font-size: 13px;
}
.blog_right .archive_box ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.fiveg_inner {
    max-width: 300px;
    float: left;
}

.feature_5g li{
	color: #666666;
    font-size: 16px !important;
    font-weight: 400!important;
}
.fivrg_fetimg {
    float: none;
    padding-bottom: 20px;
    margin: 0 auto;
}
.android_table td, .android_table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
	font-size: 15px;
}
.android_table {
    padding-bottom: 20px;
	overflow: auto;
}
.anndroid_img{
	margin: 0 auto 0 0;
}
.recent_size {
    height: 500px;
    overflow: auto;
}
::-webkit-scrollbar{
  width: 6px;
  height: 6px;
  background-color: transparent; /* or add it to the track */
}
/* Add a thumb */
::-webkit-scrollbar-thumb{
	width: 6px;
border-radius: 1px;
background-color: #00abef;
}


/*  blog detail page end*/

.banner_bottom {
    background-image: url(../img/download.svg);
    background-repeat: no-repeat;
    background-size: 200% 20vw;
    bottom: -0px;
    height: 250px;
    z-index: 1;
    transform: rotateY(180deg) rotateX(180deg);
    position: absolute;
    width: 100%;
}

/*==  About page css start ===*/
.about_main {
    padding-top: 40px;
}
.about_one {
    padding-top: 80px;
}
.about_content p {
    line-height: 30px;
    color: #666666;
    font-size: 18px;
    text-align: justify;
}
.about_one > div:first-child,
.about_two > div:first-child {
    margin-bottom: 30px;
}
.contact_seBox {
    width: 100%;
    padding: 110px 0;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/contact_mapbg.png);
}
.contact_seBox:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.85;
    background-color: #0083b7;
    z-index: -1;
}
.need_repair h3 {
    margin: 0;
    letter-spacing: -1px;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}
.repair_cont {
    background: #fff;
    padding: 14px 30px;
    color: #2d2e2e;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 2px; 
    text-transform: uppercase;
    margin-top: 50px;
}
.repair_cont:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #00abef;
    transform: skew(50deg);
    transition-duration: 0.6s;
    z-index: -1;
}
.repair_cont:hover {
    color: #fff;
}
.repair_cont:hover:before {
    width: 180%;
}
.about_mob{
	display:none;
}
/*==  About page css end ===*/
/*==  Terms and Condition page css start ===*/
.terms_main {
    padding-top: 30px;
}
.terms_main h3 {
    font-size: 22px;
    font-weight: 600;
    /* color: #00abef; */
    color: #525252;
    border-left: 3px solid #e6e6e6;
    padding-left: 10px;
}
.terms_main p {
    font-size: 17px;
    color: #666666;
    line-height: 28px;
}
.terms_main p:not(:last-child) {
    padding-bottom: 30px;
}
.terms_main ul {
    padding: 0 0 30px;
}
.terms_main li {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    padding-bottom: 4px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}
.terms_main li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #9ea1a2;
}
.social_bottom {
    display: block;
}
.social_bottom .social {
    padding-left: 0;
    list-style-type: none;
    text-align: left;
    margin-bottom: 0;
}
.social_bottom h5 {
    font-size: 18px;
    font-weight: 600;
    color: #666666;
    padding-bottom: 10px;
}
/*==  Terms and Condition page css end ===*/
/*==  Career page css start ===*/
.career_main .row > div:last-child {
    align-items: center;
    display: flex;
    justify-content: center;
}
.career_main h2 {
    font-size: 34px;
    font-weight: 600;
    color: #00abef;
    border-bottom: 2px solid;
    width: auto;
    display: inline-block;
}
.career_content h3 {
    font-weight: 600;
    padding-top: 24px;
    margin-bottom: 15px;
}

/*==  Career page css end ===*/
/*==  Discount and offer page css start ===*/
section.discount_top{
	background: url(../img/discount-offer-banner.jpg);
    background-size: cover !important;
    background-position: center;
}
.why_refer {
    padding-top: 45px;
}
.discount_content h4 {
    font-weight: 600;
    font-size: 22px;
    color: #333333;
}
.discount_content p {
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    color: #696969;
    border-left: 4px solid #d4d4d4;
    padding-left: 15px;
}
.discount_content ul li{
	color: #666;
    font-weight: 400;
}
.discount_content {
    padding: 0 15px;
}
.whygif_box{
	background:#f4f4f4;
}
.why_gifcont{
	display: flex;
    height: 100%;
    flex-wrap: wrap;
    align-content: center;
	padding: 50px 0 50px 50px;
}
.why_gifcont h4{
	font-weight: 600;
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
	margin-bottom: 15px;
}

	.why-gifsec .why_gifcont ul li {
		font-weight: 400 ;
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
		.why-gifsec .why_gifcont ul li:before{
			top: 7px;
		}
.whygif_img{
	background: url(../img/why-giftbanner.png);
	background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
}	
.why_gifmobile{
	display:none;
}	
.discount_main {
	padding-top: 40px;
}
.discount_mainimg, .single_blog{
	overflow:hidden;
}	
.discount_mainimg img, .single_blog img {
    transition: 5s linear;
}
.discount_mainimg:hover img, .single_blog:hover img{
    transition: 30s linear;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

/*==  Discount and offer page css end ===*/
/*==  Corporate and student page css start ===*/
section.corporate_top {
    background: url(../img/corporate-student-banner.jpg);
    background-size: cover !important;
    background-position: center;
}
.corpor_first .row>div {
    display: flex;
}
.bulk_discount {
    background: #fff;
    border-left: 10px solid #0097d2;
    padding: 18px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 40px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
    -webkit-box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 8px 8px 25px 0px rgba(42, 67, 113, 0.15);
}
.bulk_discount h4{
	color: #0097d2;
	font-weight: 600;
	font-size: 22px;
}
.bulk_discount p {
    margin: 0;
    font-size: 16px;
    text-align: justify;
}
.corpor_first .section_par{
	color: #4a4a4a;
    font-size: 17px;
    font-weight: 500;
	padding-bottom: 50px;
}
.why_choose{
	background: url(../img/why_choose.jpg);
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
	background-position:right center;
}
.why_chooSe .whygif_box{
    background: #d6f3ff;
}
.busin_school ul li {
    font-size: 16px;
}
.discount_content p {
    font-size: 17px;
}
.business_conent{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	    height: 100%;
}
.busin_school .section_par {
    margin-bottom:50px;
}
.bglightgrey{
	background: rgb(244 244 244 / 0.70);
}
.sol_busimage {
    position: relative;
    z-index: 9;
	padding:15px;
}
.sol_busimage img{
	position: relative;
}
.sol_busimage:before {
    content: "";
    position: absolute;
    bottom:0px;
    left:0px;
    width: 50%;
    height: 50%;
    background-color: #00abef;
    z-index: 0;
}
.sol_busimage:after{
    content: "";
    position: absolute;
    top:0px;
    right:0px;
    width: 50%;
    height: 50%;
    background-color: #00abef;
    z-index: -1;
}
.padd_60 {
    padding: 60px 0;
}
.corport_sec {
    padding-bottom: 30px;
}
/*==  Corporate and student page css end ===*/

/*==  iphone xs max page css start ===*/
section.iphone_xs_max_top{
	background: url(../img/iphone-xs-max_banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.iphone_xs_top{
	background: url(../img/iphone-xr-banner.jpg);
    background-size: cover !important;
    background-position: center;
}
.single_phoneimg {
    max-width: 250px;
    margin: 0 auto;
}
.fetbox_img {
    max-width: 170px;
    margin: 0 auto;
}
.repair_fetbox p {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding-top: 15px;
}
.book_btnbox {
    text-align: right;
}
.book_btn{
	background: #00abef;
	color:#fff;
	margin:0;
}
.book_btn:before{
	background: #50c2f0;
}
.warant_sec .row {
    align-items: center;
}
.warrnant_box {
    padding-top: 20px;
}
.before_after-mob{
	display:none;
}
.arrow_btn {
color:#fff !important; 
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  line-height: 2.5em;
  padding-left: 1em;
  padding-right: 2em;
  background: #333;
  
}
.arrow_btn:after {
  border-left: 20px solid #333;
  transition: ease-in-out 0s;
    -webkit-transition: ease-in-out 0s;
    -moz-transition: ease-in-out 0s;
}
.arrow_btn:after {
  content: "";
  position: absolute;
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  height: 0px;
  width: 0px;
  margin-right: -20px;
  right: 0;
  transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0s;
    -moz-transition: ease-in-out 0s;
}
.arrow_btn:hover,
.arrow_btn:active {
  background: #00abef;
  color: #fff;
  transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0s;
    -moz-transition: ease-in-out 0s;
}
.arrow_btn:hover:after,
.arrow_btn:active:after {
  border-left: 20px solid #00abef;
  transition: ease-in-out 0s;
    -webkit-transition: ease-in-out 0s;
    -moz-transition: ease-in-out 0s;
}
.arrow_left:after {
    content: "";
    left: -20px;
    transform: rotate(-180deg);
}
.next_prebox{
	display: flex;
    justify-content: space-between;
}
.single_phoneimg .onhover{
	display:none;
}
.single_phoneimg:hover .nothover{
	display:none;
}
.single_phoneimg:hover .onhover{
	display:block;
}
.warranty_contentbox li {
    font-size: 16px !important;
}
/*==  iphone xs max page css end ===*/
/*==  samsung page css start ===*/
section.samsung_top{
	background: url(../img/samsung/samsung_banner.jpg);
    background-size: cover !important;
    background-position: center;
}
.smart_btnbx{
	text-align:center;
}
.smart_btn {
    text-transform: capitalize;
    font-size: 16px;
	padding: 13px 30px;
    box-shadow: 0px 1px 5px #00000047;
	font-weight: 500;
}
.samsung_rel{
	position:relative;
	overflow: hidden;
}
.side_blu {
    position: absolute;
    top: 2%;
    left: 0;
}
.side_grey {
    position: absolute;
    bottom: -260px;
    right: -22%;
}
.zte_sec .serv_mobox h3{
	height: 40px;
}
section.sony_top{
	background: url(../img/sony/xperiabanner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.htc_top{
	background: url(../img/htc/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.huawei_top{
	background: url(../img/huawei/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.oppo_top{
	background: url(../img/oppo/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.google_top{
	background: url(../img/google-pixel/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.lg_top{
	background: url(../img/lg/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.nokia_top{
	background: url(../img/nokia/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.blackberry_top{
	background: url(../img/blackberry/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.motorola_top{
	background: url(../img/motorola/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.oneplus_top{
	background: url(../img/oneplus/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.xiaomi_top{
	background: url(../img/xiaomi/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.zte_top{
	background: url(../img/zte/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.smartphone_top{
	background: url(../img/smartphone/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.ipad_air_top{
	background: url(../img/ipad/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.sony_tablet_top{
	background: url(../img/sony-tablets/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.samsung_tablet_top{
	background: url(../img/samsung-tablets/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.microsoft_tablet_top{
	background: url(../img/microsoft-tablets/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.microsoft_top{
	background: url(../img/microsoft/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.asus_top{
	background: url(../img/asus-banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.realme_top{
	background: url(../img/realme/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.vivo_top{
	background: url(../img/vivo/banner.jpg);
    background-size: cover !important;
    background-position: center;
}
section.amazon_fire_top{
	background: url(../img/amazon-fire-banner.jpg);
    background-size: cover !important;
    background-position: center;
}
.single_laptopimg {
    max-width: 340px;
}
.smartphone_sec .serv_mobox{
	padding: 0;
    max-width: 350px;
    margin: 0 auto 30px;
}
.macbook_airbox .serv_mobox h3 {
    height: 65px;
    line-height: 27px;
}
.book_form .modal-dialog {
    max-width:530px;
}
.ht_48{
	height:48px;
}
/* .book_form .modal-body {
    padding: 30px;
    text-align: center;
	background: url(../img/bg.jpg); */
	/* border: 15px solid #0f0f100d; 
    margin: 20px;
}*/

.book_form .modal-body {
    padding: 50px 35px;
    text-align: center;
    background:#fff;
    margin: 15px;
    z-index: 999999;
}
.book_form .modal-content:before {
    content: "";
    width: 200px;
    height: 200px;
    background: #00abef;
    top: 0;
    position: absolute;
    left:0px;
}
.book_form .modal-content:after {
    content: "";
    width: 200px;
    height: 200px;
    background: #00abef;
    bottom: 0;
    position: absolute;
    right:0px;
}
.book_form .modal-content{
	overflow: hidden;
    background: #fff url(../img/bg.jpg);
	border: none;
	border-radius: 0;
}
.book_form h4 {
    font-size: 25px;
    font-weight: 500;
}
.book_form .form-control{
	font-size:14px;
	background: transparent;
	padding: 10px 9px;
}
.book_form .cont_btn {
    margin-top: 15px;
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 15px auto 0;
}
.book_form .contact-form .row {
    margin: -10px;
}
.book_form .contact-form .row > div {
    padding: 0 8px;
}
.galxy .serv_mobimg {
    max-width: 150px;
    margin: 0 auto;
}
.galxy .serv_mobox {
    padding: 20px 10px 18px;
}
.galxy h3 {
    font-size: 22px;
}
/*==  samsung page css end ===*/
/*== smartphones css start ==*/
.ser_mob {
    padding: 20px 0 0px;
}
.iphons_sec .book_btn.smart_btn {
    display: block;
    max-width: 180px;
    margin: 0 auto;
}
.iphons_sec .serv_mobimg {
    max-width: 200px;
    margin: 0 auto;
}
.iphons_sec h3 {
    margin: 0 0 20px;
}
.iphons_sec .serv_mobox {
    padding-bottom: 30px;
}
.tablets_mob {
	max-width: 800px;
    margin: 0 auto;
}
/*== smartphones css end ==*/

/*== Pagination and thankyou page css start ==*/
.blog_pagination {
    padding: 60px 0 0px;
}
.blog_pagination .pagination {
    display: inline-flex;
    position: relative;
}
.blog_pagination li.active a.page_link, .blog_pagination li a.page_link:hover, .blog_pagination li.active a.page_link:hover {
    color: #fff;
    background: transparent;
    border: none;
}
.blog_pagination .page_link, .blog_pagination .prev_link, .blog_pagination .next_link {
    color: #00abef;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.15));
    font-size: 16px;
    font-weight: 600;
    line-height: 47px;
    height: 45px;
    width: 45px;
    padding: 0;
    margin: 0 8px;
    border: none;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
    display: block;
}
.blog_pagination li a.next_link {
    margin-right: 0;
    /* -webkit-clip-path: polygon(16% 21%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 15% 80%); */
    clip-path: polygon(16% 21%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 15% 80%);
}
.blog_pagination .prev_link, .blog_pagination .next_link {
    font-size: 22px !important;
    line-height: 40px;
    border-radius: 0;
}
.blog_pagination li a.prev_link:hover, .blog_pagination li a.next_link:hover {
    background: -webkit-linear-gradient(top, #1bb0f4 0%, #00abef 100%);
    background: linear-gradient(top, #1bb0f4 0%, #00abef 100%);
    color: #fff;
}
.blog_pagination li a.prev_link {
    margin-left: 0;
    -webkit-clip-path: polygon(40% 0%, 40% 20%, 89% 20%, 89% 81%, 40% 80%, 40% 100%, 0% 50%);
    clip-path: polygon(40% 0%, 40% 20%, 89% 20%, 89% 81%, 40% 80%, 40% 100%, 0% 50%);
}
.blog_pagination li a.page_link:before {
    content: "";
    background: -webkit-linear-gradient(top, #1bb0f4 0%, #00abef 100%);
    background: linear-gradient(top, #1bb0f4 0%, #00abef 100%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0) rotate(360deg);
    position: absolute;
    top: 0;
    left: -6px;
    z-index: -1;
    transition: all 0.3s ease 0s;
    -webkit-clip-path:  polygon(70% 30%, 100% -10%, 100% 70%, 70% 101%, 25% 90%, 40% 51%, 10% 20%);
    clip-path: polygon(70% 30%, 100% -10%, 100% 70%, 70% 101%, 25% 90%, 40% 51%, 10% 20%);
}
.blog_pagination li.active a.page_link:before, .blog_pagination li a.page_link:hover:before, .blog_pagination li.active a.page_link:hover:before {
    opacity: 1;
    transform: scale(1) rotate(0);
}
.thankYou_contant {
    margin: 70px auto;
    background: #fff;
    padding: 50px;
    text-align: center;
    max-width: 600px;
    border-radius: 13px;
    box-shadow: 0 4px 45px hsla(0, 0%, 0%, 0.19);
}
.thankYou_contant h2.h2 {
    font-size: 25px;
    font-weight: 600;
    color: #404446;
    margin: 20px 0 10px;
    text-transform: capitalize;
}
.thankYou_img {
    max-width: 250px;
    margin: 0 auto 40px;
}
.hide_form{
 display: none;
}
#result .alert {
    background: transparent;
    border: none;
    font-size: 28px;
    color: #1f8000;
    font-weight: 600;
    text-transform: capitalize;
}
#result .alert span:last-child {
    font-size: 22px;
    display: block;
    margin-top: 30px;
}
.sucess_sms .successcontact {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
/*== Pagination and thankyou page css end ==*/
/*====  new header changes ====*/


/*=== new header changes ====*/


@media (min-width: 992px) and (max-width: 1199px) {
    .contact_area .quic_contact ul li {
        padding-left: 50px;
    }
    .contact_area .quic_contact ul li i {
        left: 15px;
        font-size: 23px;
    }
    .contact_area .quic_contact ul li span,
    .contact_area .quic_contact ul li a {
        font-size: 13px;
        word-break: break-all;
    }
	.galxy h3 {
    min-height: 44px;
    display: flex;
    align-items: center;
		justify-content: center;
	}
	header .navbar-nav > li > a{
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	.our_services .servc_contnbox p {
		display: -webkit-box;
		text-overflow: ellipsis;
			-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3;
	}
}
@media (min-width:992px){
	.high_content {
    padding-right: 120px;
	}
	
}
@media (min-width: 768px) and (max-width: 991px) {
    header .navbar-nav > li > a {
        padding: 10px 18px 10px 0;
    }

    span.cont_icon {
        display: block;
    }
    .contact_area .quic_contact {
        margin-bottom: 70px;
    }
    .about_content p {
        line-height: 24px;
        font-size: 16px;
    }
	.why_gifcont {
		padding: 15px 0 15px 15px;
	}
	.serv_mobox h3{
		min-height:38px;
	}
	

}

@media (min-width: 768px) {
    .all_repairdropdown > li {
        width: 25%;
        display: inline-block;
        float: left;
    }
    header .nav-item.dropdown.show {
        display: unset;
    }
    header .dropdown-menu.show {
        display: none;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: #29bbf3;
    background-image: none;
    border: 1px solid #098bbd;
    border-radius: 0;
    margin: 4px 0 8px auto;
    }
    header .navbar-collapse {
        border: none;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.85);
        padding: 0;
        border-radius: 5px;
        position: absolute;
        z-index: 99999;
        left: 15px;
        right: 15px;
        top: 60px;
        margin-top: 0 !important;
    }
    .navbar .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    .navbar .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    .navbar .navbar-toggler .icon-bar {
		background-color: #ffffff;
    }
    header .navbar-collapse {
        border: none;
        box-shadow: none;
    }
    header .navbar li.active a,
    header .navbar-nav > li:hover > a {
        border-radius: 7px;
    }
    header .navbar-brand {
        max-width: 100px;
    }
	.sol_busimage {
		margin-bottom: 20px;
	}
	.why_gifmobile {
		display: block;
	}
	.whygif_img, .why_choose{
		background:none;
	}
	.serv_mobox h3 {
		font-size: 19px;
		margin: 20px 0 10px;
	}
	.warranty_imgbox {
		text-align: center;
		max-width: 400px;
		margin: 0 auto 20px;
	}
	.why_gifmobile img{
		width:100%;
	}
	header .navbar-nav > li > a{
		color:#fff;
	}
}

@media (max-width: 767px) {
    header .navbar-nav > li > a:hover {
        background-image: linear-gradient(#77d4f7, #00a6e6);
        color: #fff;
    }
    header .navbar-nav > li > a {
        border-bottom: 1px solid #3c3c3c;
    }
    .navbar-nav .open .dropdown-menu {
        width: 100%;
        max-width: 100%;
    }

    header .navbar-nav .open .sub_menu li a {
        padding: 12px 12px 12px 20px;
        color: #bfbfbf;
    }

    header .navbar-nav .open .sub_menu li a:hover {
        background-image: linear-gradient(#77d4f7, #00a6e6);
    }
    header .navbar-nav > li > a {
        padding: 15px 10px;
    }

    ul.nav.navbar-nav.navbar-right {
        margin-top: 0;
        margin-bottom: 0;
    }

    .bann_txt h1 {
        font-size: 28px;
    }
    .bann_txt {
        padding: 60px 0;
    }
    .bann_txt p {
        font-size: 18px;
    }
    .high_content {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .xpertlinkbtn {
        margin-bottom: 8px;
    }
    footer .row > div:not(:last-child) {
        padding-bottom: 25px;
    }
    .footer_botline {
        padding: 40px 0 40px;
    }
    .padd_80 {
        padding: 40px 0;
    }
    .highly_custom .img_holder {
        margin: 0 auto;
        max-width: 300px;
    }
    header .navbar-brand {
        max-width: 80px;
    }
    header .navbar-collapse {
        margin: 0 -25px;
    }
    .mobile_img {
        display: block;
    }
    .highser_box {
        background: none;
        padding-top: 0px;
    }
    .highr-content {
        width: 100%;
        padding: 30px 20px;
    }
    .pb_80 {
        padding-bottom: 40px;
    }
    .pr-0 {
        padding-right: 15px !important;
    }
    .pl-0 {
        padding-left: 15px !important;
    }
    .services_top .bann_txt {
        padding: 40px 0 110px;
    }
    .about_main {
        padding-top: 20px;
        text-align: center;
    }
    .about_one {
        padding-top: 0;
    }
    .about_one > div,
    .about_two > div {
        margin-bottom: 30px;
    }
    .about_content p {
        line-height: 23px;
        font-size: 16px;
        text-align: left;
    }
    .need_repair h3 {
        font-size: 30px;
    }
    .repair_cont {
        margin-top: 30px;
    }
    .contact_seBox {
        padding: 70px 0;
    }
    .go-top.active {
        left: 84%;
    }
	.why_gifcont{
		padding:15px;
	}
	.why_gifcont h4{
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.discount_main {
		padding-top: 10px;
	}
	.busin_school .section_par {
		margin-bottom: 20px;
		    font-size: 15px;
    text-align: center;
    line-height: normal;
	}
	
	.padd_60 {
		padding: 30px 0;
	}
	.corport_sec {
		padding-bottom: 10px;
	}
	.blog_detail{
		padding-bottom:0;
	}
	.before_after-mob{
		display:block;
	}
	.warranty_imgbox figure{
		display:none;
	}
	.book_btnbox {
		text-align: center;
	}
	.section_head {
		font-size: 22px;
	}
	.bann_txt h1 {
		font-size: 22px;
	}
	.bann_txt p {
		font-size: 15px;
	}
	.high_content h3 {
		font-size: 20px;
	}
	.high_content p {
		font-size: 15px;
	}
	.our_services .section_par {
		font-size: 15px;
		text-align: center;
		margin-bottom: 10px;
	}
	.benefit_box {
		padding-top: 20px;
	}
	.benef_contentbox {
        padding: 20px 20px 20px 0 !important;
    }
	.footr-lin::before {
    right: 47%;
	}
	.about_mob{
		display:block;
		margin-bottom: 30px;
	}
	.about_desk{
		display:none;
	}
	.techi {
		text-align: center;
	}
	.carousel-indicators li {
		width: 18px;
		height: 2px;
	}
	.banner_sec .carousel-indicators {
		right: -7%;
	}
}

/*------ 3-media css start here -----------*/

@media (max-width: 490px) {
		.blog_content p, .feature_5g li {
		font-size: 15px !important;
		line-height: 24px;
	}
	.blog_content h3 {
		margin-bottom: 6px;
		margin-top: 10px;
		font-size: 20px;
	}
	.next_prebox {
		display: block;
		text-align: center;
	}
	.arrow_btn {
		margin-bottom: 10px;
		width: 90%;
	}
	.our_services .servc_contnbox p{
		display:none;
	}
	.servc_contnbox a.high_btn {
    display: block;
    width: 100%;
	}
	.sevc_img1 {
    min-height: 260px;
	}
	
	
}

@media (max-width: 425px) {
}

@media (max-width: 374px) {
	.blog_footer .article-tags span {
    font-size: 15px;
	}
	.shar_social {
		font-size: 17px !important;
	}
	.blog_footer .social li a {
    width: 30px;
    height: 30px;
	}
	.blog_info ul li {
		font-size: 13px;
		margin-right: 7px;
	}
	.blog_info ul li::before{
		visibility:hidden;
	}
	

}