body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; background: #fff; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none !important; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-input-placeholder { opacity: 1; }
input[type="text"]::-moz-input-placeholder { opacity: 1; }
input[type="search"]::-webkit-input-placeholder { opacity: 1; }
input[type="search"]::-moz-input-placeholder { opacity: 1; }
input[type="email"]::-webkit-input-placeholder { opacity: 1; }
input[type="email"]::-moz-input-placeholder { opacity: 1; }
input[type="tel"]::-webkit-input-placeholder { opacity: 1; }
input[type="tel"]::-moz-input-placeholder { opacity: 1; }
textarea::-moz-input-placeholder { opacity: 1; }
textarea::-webkit-input-placeholder { opacity: 1; }
a:hover{ outline: none !important; text-decoration: none !important;}
a:active{ outline: none !important;text-decoration: none !important;}
em{ font-style: normal !important;}
input{outline: none !important;}
textarea{outline: none !important;}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ba422a;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.wrapper{ width: 100%;}
.container{width: 1400px;}


/*font-family: 'Poppins', sans-serif;*/



/*header*/
.header-sec{width: 100%; border-top: 3px solid #ba422a; padding: 10px 0 7px 0;}
.header-top{width: 100%; display: inline-block;}
.logo{width:auto; float: left;}
.logo img{max-width: 100%;}
.header-rt{float: right;}
.info{width: 310px;float: left;padding-top: 30px;}
.sign{width: 143px;float: left;padding-top: 12px;}
.sign a{display: inline-block; width: 143px; height: 52px; background: #34a7dd; color: #fff; text-transform: uppercase; font: 700 20px/52px 'Poppins', sans-serif; text-align: center;}
.info span{font: 300 16px/20px 'Poppins', sans-serif; color: #333333; background: url(../images/phn-icon.png) no-repeat left 2px; padding-left: 25px;}
.info span a{color: #ba422a; font-weight: 700; font-size: 22px;
 -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.info span a:hover{ color: #34a7dd; }

/*banner*/
.banner-sec{width: 100%; position: relative;}
.banner .lft{position: absolute; width: 32px; height: 32px; top: 50%; left: 34px; background: url(../images/prev-ban.png) no-repeat 0 0; margin-top: -16px;}
.banner .rt{position: absolute; width: 32px; height: 32px; top: 50%; right: 34px; background: url(../images/next-ban.png) no-repeat 0 0; margin-top: -16px;}
.banner img{width: 100%; min-height: 700px !important; object-fit: cover;}
.banner-txt{position: absolute;width: 100%;top: 50%;left: 0;z-index: 99;
/*transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);*/}
.banner-inr{position: relative; width: 100%;}
.banner-inr h3{color: #fff;}
.banner-inr-txt{position: absolute; top: 50%; left: 0;
-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-inr-txt h3{font: 800 80px/90px 'Poppins', sans-serif; color: #fff;}
.banner-inr-txt h3 span{color: #d5573e;}


/*repair*/
.repair-sec{width: 100%; display:  inline-block; padding: 70px 0;}
.top-head{width: 100%; text-align: center;}
.top-head h1{position: relative; font: 700 45px/50px 'Poppins', sans-serif; color: #bc2512;}
.top-head h1 span{ display: inline-block; position: relative; z-index: 1;}
.top-head h1 span:before{ content: ""; background: url(../images/hed-lgo1.png) no-repeat center center; width: 180px; height: 180px; position: absolute; top: 50%; z-index: -1;
background-size: 100%; left: 50%; margin-left: -90px; margin-top: -90px;}

.top-head h2, .top-head h3{position: relative; font: 800 70px/80px 'Poppins', sans-serif; color: #fff; text-transform: uppercase;}
.top-head h2 span, .top-head h3 span{ display: inline-block; position: relative; z-index: 1;}
.top-head h2 span:before, .top-head h3 span:before{ content: ""; background: url(../images/hed-lgo.png) no-repeat center center; width: 180px; height: 180px; position: absolute; top: 50%; z-index: -1;
background-size: 100% !important; left: 50%; margin-left: -90px; margin-top: -90px; }
.top-head h3 span:before{ opacity: 1;}
.top-head h3{ color: #bc2512;}
.top-head h3 em{ text-transform: lowercase; font-style: normal !important;}
.top-head h2 span:before{ background: url(../images/hed-lgo1.png) no-repeat center center; opacity: 0.1}





.top-head p{font: 400 20px/36px 'Poppins', sans-serif; color: #000; padding-top: 10px; padding-bottom: 55px; position: relative; z-index: 1;}
.repair-img{width: 100%;}
.repair-img img{max-width: 100%;}
.repair-txt{width: 100%; padding-left: 50px; padding-top: 50px;}
.repair-txt p{font: 400 20px/36px 'Poppins', sans-serif; color: #000; }
.sign-btn{display: inline-block; width: 203px; height: 52px; background: #34a7dd; color: #fff !important; text-transform: uppercase; font: 700 20px/54px 'Poppins', sans-serif; text-align: center;
margin-top: 30px;}

.sign-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sign-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ba422a;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sign-btn:hover, .sign-btn:focus, .sign-btn:active {
  color: white;
}
.sign-btn:hover:before, .sign-btn:focus:before, .sign-btn:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*plans*/
.plans-sec{width: 100%; background: url(../images/plans.jpg) no-repeat center center; padding: 70px 0;}
.pan-caro-sec{ width: 100%; margin-top: 60px; display: inline-block; padding: 0 80px;}
.pric-box{ width: 100%; display: inline-block; border-radius: 20px; }
.pric-box .pric-top{ width: 100%; background: #e9e9e9; padding:20px 0 14px; text-align: center; border-radius: 20px 20px 0 0;}
.pric-box .pric-top h5{ color: #222222; font: 400 24px/26px 'Poppins', sans-serif; text-transform: uppercase;}
.pric-box .pric-inr{ width: 100%; background: #fff; padding: 10px; text-align: center;}
.pric-box .pric-inr h6 strong{ color: #bc2512; font: 600 32px/36px 'Poppins', sans-serif;}
.pric-box .pric-inr h6 strong span{ font-weight: 300;}
.pric-box .pric-inr h6{ color: #333333; font: 600 12px/14px 'Poppins', sans-serif;}
.pric-box .pric-inr ul{ width: 100%; display: inline-block; padding: 10px 0; text-align: left; border-top: 1px solid #d3d3d3; margin-top: 10px;}
.pric-box .pric-inr ul li{ display: inline-block; width: 100%; background: url(../images/tk.png) no-repeat left; color: #666666; font: 400 14px/16px 'Poppins', sans-serif;
padding-left: 20px; margin-top: 10px;}
.pric-box .pric-btm{ width: 100%; overflow: hidden;  border-radius: 0px 0px 20px 20px;}
.pric-box .pric-btm a{ width: 100%; background: #34a7dd; padding: 15px 0; display: inline-block; text-align: center; color: #fff !important; font: 700 18px/20px 'Poppins', sans-serif;
letter-spacing: 1px; text-transform: uppercase;}
.palan-colm{ width: 100%;}
.pric-box{ -webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);}
.pan-caro-sec .item{ padding: 40px 8px;}

.pric-box{ cursor: pointer;}

.palan-colm:hover .pric-box{  z-index: 999; position: relative; top:-6px;
-webkit-transform: perspective(1000px) translate3d(0,0,50px);
	transform: perspective(1000px) translate3d(0,0,50px);}
/*.palan-colm:hover{ top: -10px;}*/
.pric-box .pric-btm a,
.pric-box,
.pric-box .pric-top h5,
.pric-box .pric-inr h6 strong,
.pric-box .pric-inr h6,
.pric-box .pric-btm a{  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pric-box:hover .pric-btm a{ background: #bc2512;}
.pric-box:hover{ box-shadow: 0px -1px 15px 4px #000;} 
.pric-box:hover .pric-top h5{ font-size: 26px;}
.pric-box:hover .pric-inr h6 strong{ font-size: 46px;}
.pric-box:hover .pric-inr h6{ font-size: 16px;}
.pric-box:hover .pric-btm a{ font-size: 20px;padding: 20px 0;}


.plans-sec .owl-dots{ display: none;}
.plans-sec .owl-prev{ width: 51px; height: 51px; background: #fff !important; border-radius: 50px; background: url(../images/prev.png) no-repeat center center !important; 
border-radius: 50px !important; font-size: 0px !important; position: absolute; top: 44%; left: -80px; background-size: 100% 100% !important; }
.plans-sec .owl-prev:hover{ background: url(../images/prev-h.png) no-repeat center center !important; }

.plans-sec .owl-next{ width: 51px; height: 51px; background: #fff !important; border-radius: 50px; background: url(../images/next.png) no-repeat center center !important; 
border-radius: 50px !important; font-size: 0px !important; position: absolute; top: 44%; right: -80px; background-size: 100% 100% !important; }
.plans-sec .owl-next:hover{ background: url(../images/next-h.png) no-repeat center center !important; }



.abouttech-sec{ width: 100%; padding:70px 0;}
.abouttechRow{ width: 100%;}
.tech-cont{ width: 100%; margin-top: 60px;}
.tech-cont p{ color: #000; font: 400 20px/33px 'Poppins', sans-serif;}
.tech-cont .media-left{ width: 27%; text-align: center; vertical-align: middle; border-right: 10px solid #f0f0f0; padding-right: 0px !important;}
.tech-cont .media-left img{ display: inline-block;}
.tech-cont .media-body{ width: auto !important; overflow: inherit !important; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}


.comptur-row{ width: 100%; margin-top: 40px;}
.comptur-row h4{ color: #333333; font: 800 30px/35px 'Poppins', sans-serif; text-transform: uppercase; text-align: center;}
.compur-suprt-row{ width: 100%; padding-bottom: 30px;}
.compur-suprt-row .box{ margin-top: 40px; width: 100%; text-align: left;}

.comptur-row .media-body{ width: auto !important; overflow: inherit !important; border: 1px solid #e0e0e0; border-radius: 2px; text-align: left;}
.comptur-row h5{ color: #34a7dd; font: 800 26px/30px 'Poppins', sans-serif; text-transform: uppercase; padding-bottom: 3px;}
.comptur-row p{ color: #666666; font: 400 16px/21px 'Poppins', sans-serif;}
.comptur-row .box{ padding-left: 40px;}
.comptur-row .media-body{ min-height: 125px; padding: 30px 20px 30px 75px; width: 100% !important;
display: inline-block; position: relative;}
.comptur-row .media-left{ vertical-align: middle;}
.comptur-row .media-left a{ position: absolute;left: 0px;top: 51px;z-index: 1; display: inline-block; border-radius: 100%; border: 1px solid #fff;}

.cont-Repair{ width: 100%; margin-top: 30px;}
.row-Repair{ width: 100%; position: relative;}
.row-Repair .col-sm-6{ padding: 0 50px; min-height: 230px;}
.row-Repair .col-sm-6.brd{ border-left: 10px solid #eef2f5;}
.row-Repair .pic-box{ width: 100%; text-align: right; padding:0 50px;}
.row-Repair .pic-box .pic{ width: 200px; display: inline-block;}
.row-Repair .pic-box img{ max-width: 100%;}
.row-Repair .txt-box{ width: 100%; position: relative;}
.row-Repair .txt-box .box{ width: 100%; background: #eef2f5; position: relative; border-radius: 4px; min-height: 152px; padding: 30px;}
.row-Repair .txt-box .box p{ color: #222222; font: 400 20px/28px 'Poppins', sans-serif;}
.row-Repair .txt-box .box h5{ color: #34a7dd; text-transform: uppercase; font: 500 18px/28px 'Poppins', sans-serif; }
.row-Repair .dots{ width: 32px; height: 32px; background: url(../images/point.png) no-repeat center center; background-size: 100% 100%; position: absolute; 
top: 50%;left: -70px;display: inline-block; margin-top: -16px;}
.row-Repair .txt-box .box:after {
    content:'';
    position:absolute;
    top: 50%;left: -27px;
    width:0;
    height:0;
    border:15px solid transparent;
    border-right:15px solid #eef2f5; margin-top: -15px;
}
.row-Repair .col-sm-6.pull-right .pic-box{ text-align: left;}
.row-Repair:nth-child(2) .dots{ right: -70px; left: inherit;}
.row-Repair:nth-child(2) .txt-box .box:after{ border:15px solid transparent;border-left:15px solid #eef2f5; right: -27px; left: inherit;}
.row-Repair:nth-child(2) .box{ text-align: right;}
.row-Repair:nth-child(1) .txt-box{ margin-top: 0px;}
.row-Repair:nth-child(1) .pic-box{ margin-top: 0px;}
.row-Repair:last-child .col-sm-6{ min-height: 150px;}







/*faq-sec*/
.faq-sec{width: 100%; padding: 80px 0; background: url(../images/faq-bg.jpg) no-repeat center center;
background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.faq-inr{width: 900px;     padding-top: 94px; margin: 0 auto;}
.faq-inr .panel-group{margin: 0;}
.faq-inr .panel-group .panel{border-radius: 3px; box-shadow: none !important;}
.faq-inr .panel-default{border: 1px solid #e2e2e2; margin-bottom: 10px;}
.faq-inr .panel-default > .panel-heading{padding: 0; background: none; border: none;}
.faq-inr .panel-body{border-top: 1px solid #dcdcdc !important; padding: 26px 28px;}
.faq-inr .panel-heading h4 a{padding: 10px 20px; display: inline-block; font: 600 20px/42px 'Poppins', sans-serif; color: #222222;  width: 100%;}
.faq-inr .panel-heading h4 a span{width: 30px; height: 30px; border-radius: 50%; background: #34a7dd; border: 2px solid #fff; color: #fff;display: inline-block;
-webkit-box-shadow: 0px 0px 7px 3px rgba(221,221,221,1);
-moz-box-shadow: 0px 0px 7px 3px rgba(221,221,221,1);
box-shadow: 0px 0px 7px 3px rgba(221,221,221,1); text-align: center; line-height: 0px; margin-right: 15px;}
.faq-inr .panel-body p{color: #666666; font: 400 16px/28px 'Poppins', sans-serif;}
.faq-sec .page-hed h4{color: #bc2512;}
.faq-inr .panel-heading h4 a span i{font: 600 18px/28px 'Poppins', sans-serif; color: #fff;}


/*footer-sec*/
.footer-sec{width: 100%; background: #0b3e5a; padding: 23px 0;}
.footer-inr{width: 100%;}
.foot-logo{width: auto; float: left;}
.footer-rt{width: auto; float: right;}
/*.foot-logo span{font: 600 24px/28px 'Poppins', sans-serif; color: #fff; background: url(../images/foot-phn.png) no-repeat left 9px; padding-left: 30px; margin-left: 45px;}
.foot-logo span a{color: #fff;}*/
.foot-logo ul{width: auto;}
.foot-logo ul li{float: left;}
.foot-logo ul li a{color: #fff;}
.foot-logo ul li:last-child{font: 600 24px/28px 'Poppins', sans-serif; color: #fff; background: url(../images/foot-phn.png) no-repeat left 4px; padding-left: 30px; 
margin-left: 45px;    margin-top: 40px;}
.footer-rt{width: auto;}
.footer-rt ul{display: inline-block; margin-top: 40px;}
.footer-rt ul li{float: left; color: #598196; font: 300 16px/20px 'Poppins', sans-serif; background: url(../images/foot-brd.png) no-repeat right; margin-right: 14px; padding-right: 14px;}
.footer-rt ul li:first-child a{color: #34a7dd;}
.footer-rt ul li a{color: #598196;}
.footer-rt ul li:last-child{background: none; margin-right: 0; padding-right: 0;}
.foot-logo ul li img{max-width: 100%;}


.comptur-row .media-left img{ -webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
	 -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.comptur-row .box:hover .media-left img{ 
	-webkit-transform: perspective(1000px) translate3d(0,0,50px);
	transform: perspective(1000px) translate3d(0,0,50px);}

.row-Repair .pic-box .pic img{ -webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
	 -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.row-Repair .pic-box:hover .pic img{ 
	-webkit-transform: perspective(1000px) translate3d(0,0,50px);
	transform: perspective(1000px) translate3d(0,0,50px);}


.pric-box .pric-inr{ min-height: 300px; }
.pric-box:hover .pric-inr h6 strong { font-size: 34px;}


/*--------------modal-one--------------*/
.modal-dialog{width: 960px;}
.modal-header {border: 0px; padding: 0;}
button.close{position: absolute;top: -20px;right: -20px;z-index: 99; background: none;text-shadow: inherit;opacity: 1; outline: none;}
button.close:hover{opacity: 1;}
.modal-body{padding: 30px 25px 25px; display: inline-block;}
.modal-content{-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.main-content{width: 100%;}
.content-lft{width: 100%;}
.content-lft p{font: 400 14px/25px 'Poppins', sans-serif; color: #000; padding-bottom: 25px;}
.content-lft a{background: url(../images/modal-btn-bg.jpg) repeat-x; display: inline-block; width: 137px; height: 50px;
border: 8px solid #dcdcdc;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; text-align: center; color: #fff; font: 600 15px/34px 'Poppins', sans-serif;}
.content-lft a span{background: url(../images/modal-ic.png) no-repeat right 0;width: 12px;display: inline-block;height: 19px;top: 5px;position: relative;left: 10px;}

.content-rt{width: 100%; height: 500px; overflow: auto;}
.content-rt p{font: 400 14px/25px 'Poppins', sans-serif; color: #000; padding-bottom: 20px;}
.content-rt h3{font: 600 17px/25px 'Poppins', sans-serif; color: #000; padding-bottom: 30px;}
.contentrt-inr{width: 100%;}
.contentrt-inr h4{font: 600 17px/25px 'Poppins', sans-serif; color: #000; padding-bottom: 10px;}
.content-rt p a{color: #34a7dd;}
.content-rt p a:hover{color: #bc2512;}



/*--------------modal-two--------------*/
.from-modal{width: 100%;}
.frm-box{width: 100%; padding-top: 20px;}
.frm-box label{font: 500 14px/20px 'Poppins', sans-serif; color: #000; width: 100%;}
.frm-box input[type="text"], .frm-box input[type="tel"], .frm-box input[type="email"], .frm-box textarea{width: 100%; height: 40px; outline: none; border: 1px solid #d3d3d3; 
font: 400 15px/40px 'Poppins', sans-serif; padding: 0  15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


.frm-box textarea{height: 150px; resize: none; -webkit-appearance: none;}
.frm-box input[type="submit"]{width: 130px; height: 40px; color: #fff; font: 400 15px/40px 'Poppins', sans-serif; outline: none; text-align: center; border: 1px solid #d3d3d3;
background: #34a7dd; }
.frm-box input[type="submit"]:hover{background: #bc4e39;}
.frm-box img{width: 80px;}


.modal-backdrop.none{ display:none;}
.modal-open .modal { overflow-x: none !important; overflow-y: none !important;}
body{ padding:0px !important;}
body.modal-open{ padding:0px !important;}




/*@import "compass/css3";

// vars
$color-primary: #008aff !default;

// global
body          { font-family: 'Roboto', sans-serif; }
#{headings()} { font-family: 'Advent Pro', sans-serif; }

// buttons
.btn {
  @include border-radius(2px);
}

.btn {
  &.btn-primary {
    border-color: $color-primary;
    background-color: $color-primary;
  }
}

// helpers
.caps { text-transform: uppercase; }

pre.prettyprint {
  padding: 15px !important;
  border: 0 !important;
  font-family: consolas;
  font-size: 14px;
  background-color: rgb(46, 44, 52) !important;
  @include border-radius(2px !important);

  .callout-demo & {
    max-height: 415px;
  }

  span {
    &.com { color: #5E5E5E; }
    &.pln { color: #395063; }
    &.tag { color: #B5C6DF; }
    &.atv { color: #70B8AF; }
    &.pun, &.opn, &.clo {
      color: #B9947B;
    }
    &.atn { color: #B5A8B8; }
  }
}*/
.modal-content button.close{ -moz-border-radius: 100%; -webkit-border-radius: 100%;  border-radius: 100%;}
.modal-content button.close img{ -moz-border-radius: 100%; -webkit-border-radius: 100%;  border-radius: 100%; max-width: 100%;}
.modal-content button.close span {
    border-radius: 100%;
    box-shadow: -2px 5px 11px 1px #5d636d;
    -moz-box-shadow: -2px 5px 11px 1px #5d636d;
    -webkit-box-shadow: -2px 5px 11px 1px #5d636d;
}
button.close{ top: -16px; }

.contentrt-inr ul{ width: 100%; display: inline-block; padding: 0 0 20px 20px; }
.contentrt-inr ul li{ width: 100%; display: inline-block; font: 500 14px/18px 'Poppins', sans-serif; color: #000; padding: 3px; padding-left: 20px; margin-top: 5px;
 background: url(../images/tk.png) no-repeat left 6px; } 





@media (min-width: 768px) and (max-width: 5000px) {
.main_head_in .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0;visibility: hidden; }

.main_head_in .dropdown:hover .dropdown-menu {max-height: 300px;opacity: 1; visibility: visible; }

} 


@media (min-width: 1400px) and (max-width: 1450px) {
.container{width: 1270px;}
.comptur-row p{ font-size: 15px;}



.pric-box .pric-inr h6 strong{ font-size: 30px;}
.pric-box:hover .pric-inr h6 strong { font-size: 36px;}
.pric-box .pric-top h5{ font-size: 21px;}  
.pric-box:hover .pric-top h5 { font-size: 22px;}
.pric-box .pric-inr ul li{ font-size: 12px;}
.pric-box .pric-btm a{ font-size: 13px;}
.pric-box:hover .pric-btm a { font-size: 15px;padding: 15px 0;}
.top-head h2, .top-head h3{ font-size: 60px; line-height: 67px;}
.pan-caro-sec{ margin-top: 36px;}



  
  
} 


@media (min-width: 1200px) and (max-width: 1399px) {
.container{width: 1170px;}

.comptur-row p{ font-size: 15px;}



.pric-box .pric-inr h6 strong{ font-size: 30px;}
.pric-box:hover .pric-inr h6 strong { font-size: 36px;}
.pric-box .pric-top h5{ font-size: 21px;}  
.pric-box:hover .pric-top h5 { font-size: 22px;}
.pric-box .pric-inr ul li{ font-size: 12px;}
.pric-box .pric-btm a{ font-size: 13px;}
.pric-box:hover .pric-btm a { font-size: 15px;padding: 15px 0;}
.top-head h2, .top-head h3{ font-size: 50px; line-height: 57px;}
.pan-caro-sec{ margin-top: 36px;}
.banner-inr-txt h3{ font-size: 65px; line-height: 67px;	}
.banner .lft{ left: 4px;}
.banner .rt{ right: 4px;}
.banner img{ min-height: 500px !important;}
.repair-sec{ padding: 50px 0;}
.top-head h1{ font-size: 35px; line-height: 40px;}
.top-head h1 span::before{width: 140px; height: 140px; margin-top: -70px; margin-left: -70px;}
.top-head p{ font-size: 17px; line-height: 33px;}
.repair-txt p{ font-size: 17px; line-height: 33px;}
.sign-btn{ font-size: 17px;}
.plans-sec{ padding: 50px 0 30px 0;}
.abouttech-sec{ padding: 50px 0;}
.top-head h2 span::before, .top-head h3 span::before {width: 140px; height: 140px; margin-top: -70px; margin-left: -70px;}
.tech-cont p{ font-size: 17px; line-height: 33px;}
.row-Repair .txt-box .box p{ font-size: 17px; line-height: 24px;}
.faq-inr{ padding-top: 64px;}


.pric-box .pric-inr h6 strong {font-size: 24px;}
.pric-box:hover .pric-inr h6 strong { font-size: 27px;}


/*-------modal-------*/
.content-lft p{font-size: 13px; line-height: 23px;}
.content-rt p{font-size: 13px; line-height: 23px;}
.content-rt h3{font-size: 15px; line-height: 20px;}
.contentrt-inr h4{font-size: 15px; line-height: 20px;}


  
  
}





@media (min-width: 992px) and (max-width: 1199px) {

.container{width: 970px;}




.comptur-row p{ font-size: 12px; line-height: 17px;}



.pric-box .pric-inr h6 strong{ font-size: 30px;}
.pric-box:hover .pric-inr h6 strong { font-size: 36px;}
.pric-box .pric-top h5{ font-size: 21px;}  
.pric-box:hover .pric-top h5 { font-size: 22px;}
.pric-box .pric-inr ul li{ font-size: 12px;}
.pric-box .pric-btm a{ font-size: 13px;}
.pric-box:hover .pric-btm a { font-size: 15px;padding: 15px 0;}
.top-head h2, .top-head h3{ font-size: 50px; line-height: 57px;}
.pan-caro-sec{ margin-top: 36px;}
.banner-inr-txt h3{ font-size: 50px; line-height: 57px;	}
.banner .lft{ left: 4px;}
.banner .rt{ right: 4px;}
.banner img{ min-height: 400px !important;}
.repair-sec{ padding: 50px 0;}
.top-head h1{ font-size: 25px; line-height: 30px;}
.top-head h1 span::before{width: 120px; height: 120px; margin-top: -60px; margin-left: -60px;}
.top-head p{ font-size: 16px; line-height: 26px;}
.repair-txt p{ font-size: 16px; line-height: 26px;}
.sign-btn{ font-size: 17px;}
.plans-sec{ padding: 50px 0 30px 0;}
.abouttech-sec{ padding: 50px 0;}
.top-head h2 span::before, .top-head h3 span::before {width: 140px; height: 140px; margin-top: -70px; margin-left: -70px;}
.tech-cont p{ font-size: 16px; line-height: 26px;}
.row-Repair .txt-box .box p{ font-size: 15px; line-height: 24px;}
.faq-inr{ padding-top: 64px;}
.repair-txt{ padding-left: 0px;}


.logo{ width: 135px;}
.sign a{ font-size: 16px; line-height: 46px; height: 46px; width: 130px;}
.info span a{ font-size: 18px;}
.sign{ padding-top: 5px;}
.info {width: 257px; padding-top: 19px;}
.tech-cont{ margin-top: 43px;}
.tech-cont .media-left img{ width: 200px;}
.tech-cont .media-left{ width: 36%;}
.comptur-row h4{ font-size: 25px;}
.comptur-row h5{ font-size: 19px;}
.comptur-row .media-left a{ width: 80px;}
.comptur-row .media-left a img{ max-width: 100%;}
.comptur-row .media-body{ padding: 17px 20px 17px 55px;}
.comptur-row .box {padding-left: 22px;}


/*faq-sec*/
.faq-sec{padding: 80px 0;}
.faq-sec .page-hed h4{font-size: 50px; line-height: 55px;}
.faq-sec .page-hed h4 span{background-size: 150px; width: 150px; height: 150px; margin-left: -75px;top: -45px;}
.faq-inr{padding-top: 85px;width: 800px;}
.faq-inr .panel-heading h4 a{font-size: 17px; line-height: 22px;}
.faq-inr .panel-body p{font-size: 15px; line-height: 25px;}
.faq-inr .panel-body{padding: 20px 25px;}

/*footer*/
.footer-sec{padding: 20px 0;}
.foot-logo ul li:last-child{font-size: 18px; line-height: 23px; margin-top: 35px;}
.foot-logo ul li img{width: 200px;}
.footer-rt ul li{font-size: 15px; line-height: 20px;}
.footer-rt ul{margin-top: 35px;}

.pric-box .pric-inr h6 strong {font-size: 23px;}
.pric-box:hover .pric-inr h6 strong { font-size: 26px;}



/*--modal--*/
.modal-dialog { width: 900px;}
.content-lft p{font-size: 13px; line-height: 23px;}
.content-rt p{font-size: 13px; line-height: 23px;}
.content-rt h3{font-size: 15px; line-height: 20px;}
.contentrt-inr h4{font-size: 15px; line-height: 20px;}





}





@media (min-width: 768px) and (max-width: 991px) {

.container{width: 750px;}



.comptur-row p{ font-size: 12px; line-height: 17px;}



.pric-box .pric-inr h6 strong{ font-size: 30px;}
.pric-box:hover .pric-inr h6 strong { font-size: 36px;}
.pric-box .pric-top h5{ font-size: 21px;}  
.pric-box:hover .pric-top h5 { font-size: 22px;}
.pric-box .pric-inr ul li{ font-size: 12px;}
.pric-box .pric-btm a{ font-size: 13px;}
.pric-box:hover .pric-btm a { font-size: 15px;padding: 15px 0;}
.top-head h2, .top-head h3{ font-size: 30px; line-height: 37px;}
.pan-caro-sec{ margin-top: 36px;}
.banner-inr-txt h3{ font-size: 50px; line-height: 57px;	}
.banner .lft{ left: 4px;}
.banner .rt{ right: 4px;}
.banner img{ min-height: 400px !important;}
.repair-sec{ padding: 50px 0;}
.top-head h1{ font-size: 25px; line-height: 30px;}
.top-head h1 span::before{width: 120px; height: 120px; margin-top: -60px; margin-left: -60px;}
.top-head p{ font-size: 16px; line-height: 26px;}
.repair-txt p{ font-size: 16px; line-height: 26px;}
.sign-btn{ font-size: 17px;}
.plans-sec{ padding: 50px 0 30px 0;}
.abouttech-sec{ padding: 50px 0;}
.top-head h2 span::before, .top-head h3 span::before {width: 140px; height: 140px; margin-top: -70px; margin-left: -70px;}
.tech-cont p{ font-size: 16px; line-height: 26px;}
.row-Repair .txt-box .box p{ font-size: 15px; line-height: 24px;}
.faq-inr{ padding-top: 64px;}
.repair-txt{ padding-left: 0px;}


.logo{ width: 135px;}
.sign a{ font-size: 16px; line-height: 46px; height: 46px; width: 130px;}
.info span a{ font-size: 18px;}
.sign{ padding-top: 5px;}
.info {width: 257px; padding-top: 19px;}
.tech-cont{ margin-top: 43px;}
.tech-cont .media-left img{ width: 200px;}
.tech-cont .media-left{ width: 36%;}
.comptur-row h4{ font-size: 25px;}
.comptur-row h5{ font-size: 19px;}
.comptur-row .media-left a{ width: 80px; top: 0px; left: 50%; margin-left: -40px;}
.comptur-row .media-left a img{ max-width: 100%;}
.comptur-row .media-body{ padding: 50px 10px 10px; text-align: center;}
.comptur-row .box {padding-left: 0px;}


.banner-inr-txt{ width: 100%; text-align: center;}
.top-head p br{ display: none;}
.row-Repair .txt-box .box p br{ display: none;}







/*faq-sec*/
.faq-sec{padding: 50px 0;}
.faq-sec .page-hed h4{font-size: 30px; line-height: 35px;}
.faq-sec .page-hed h4 span{background-size: 120px; width: 120px; height: 120px; margin-left: -60px; top: -40px;}
.faq-inr{padding-top: 40px;width: 700px;}
.faq-inr .panel-heading h4 a{font-size: 15px;line-height: 20px;}
.faq-inr .panel-body p{font-size: 14px;line-height: 20px;}
.faq-inr .panel-body{padding: 15px 20px;}
.faq-inr .panel-heading h4 a span i{font-size: 12px; line-height: 23px;}
.faq-inr .panel-heading h4 a span{width: 25px; height: 25px;}

/*footer*/
.footer-sec{padding: 15px 0 12px 0;  }
.foot-logo ul li:last-child{font-size: 15px; line-height: 20px; margin-top: 21px; background-position: 0 -1px; margin-left: 22px;}
.foot-logo ul li img{width: 100px;}
.footer-rt ul li{font-size: 13px; line-height: 18px;}
.footer-rt ul{margin-top: 13px;}
.foot-logo ul li:last-child{ margin-top: 12px;}

.pric-box .pric-inr h6 strong { font-size: 20px;}
.pric-box:hover .pric-inr h6 strong { font-size: 24px;}
.pric-box .pric-inr { min-height: 316px;}
.pric-box .pric-top h5 { font-size: 18px;}


/*--modal--*/
.modal-dialog { width: 700px;}
.content-lft p{font-size: 13px; line-height: 23px;}
.content-rt p{font-size: 13px; line-height: 23px;}
.content-rt h3{font-size: 15px; line-height: 20px;}
.contentrt-inr h4{font-size: 15px; line-height: 20px;}

.frm-box label{font-size: 13px;}
.frm-box input[type="text"], .frm-box input[type="tel"], .frm-box input[type="email"], .frm-box textarea{font-size: 13px;}



}


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

.container{width: 100%;}



.comptur-row p{ font-size: 12px; line-height: 17px;}



.pric-box .pric-inr h6 strong{ font-size: 25px;}
.pric-box:hover .pric-inr h6 strong { font-size: 30px;}
.pric-box .pric-top h5{ font-size: 17px;}  
.pric-box:hover .pric-top h5 { font-size: 17px;}
.pric-box .pric-inr ul li{ font-size: 12px;}
.pric-box .pric-btm a{ font-size: 13px;}
.pric-box:hover .pric-btm a { font-size: 15px;padding: 15px 0;}
.top-head h2, .top-head h3{ font-size: 30px; line-height: 37px;}
.pan-caro-sec{ margin-top: 36px;}
.banner-inr-txt h3{ font-size: 50px; line-height: 57px;	}
.banner .lft{ left: 4px;}
.banner .rt{ right: 4px;}
.banner img{ min-height: 400px !important;}
.repair-sec{ padding: 50px 0;}
.top-head h1{ font-size: 25px; line-height: 30px;}
.top-head h1 span::before{width: 120px; height: 120px; margin-top: -60px; margin-left: -60px;}
.top-head p{ font-size: 16px; line-height: 26px;}
.repair-txt p{ font-size: 16px; line-height: 26px;}
.sign-btn{ font-size: 17px;}
.plans-sec{ padding: 50px 0 30px 0;}
.abouttech-sec{ padding: 50px 0;}
.top-head h2 span::before, .top-head h3 span::before {width: 140px; height: 140px; margin-top: -70px; margin-left: -70px;}
.tech-cont p{ font-size: 16px; line-height: 26px;}
.row-Repair .txt-box .box p{ font-size: 15px; line-height: 24px;}
.faq-inr{ padding-top: 64px;}
.repair-txt{ padding-left: 0px;}


.logo{ width: 135px;}
.sign a{ font-size: 16px; line-height: 46px; height: 46px; width: 130px;}
.info span a{ font-size: 18px;}
.sign{ padding-top: 5px;}
.info {width: 257px; padding-top: 19px;}
.tech-cont{ margin-top: 43px;}
.tech-cont .media-left img{ width: 200px;}
.tech-cont .media-left{ width: 100%; display: inline-block; padding: 30px 0;border-bottom: 10px solid #f0f0f0; border-right: none;}
.comptur-row h4{ font-size: 25px;}
.comptur-row h5{ font-size: 19px;}
.comptur-row .media-left a{ width: 80px; top: -37px; left: 50%; margin-left: -40px;}
.comptur-row .media-left a img{ max-width: 100%;}
.comptur-row .media-body{ padding: 50px 10px 10px; text-align: center;}
.comptur-row .box {padding-left: 0px;}
.tech-cont .media-body{ width: 100%; padding: 30px 0; text-align: center;}
.comptur-row { margin-top: 11px;}



.banner-inr-txt{ width: 100%; text-align: center;}
.top-head p br{ display: none;}
.row-Repair .txt-box .box p br{ display: none;}


.repair-img{ text-align: center;}
.repair-img img{ width: 400px;}
.repair-txt{ text-align: center; padding-top: 20px;}
.row-Repair .pic-box{ text-align: center;}
.row-Repair .col-sm-6.brd{ border: none;}
.row-Repair .dots{ display: none;}
.row-Repair .txt-box .box::after, .row-Repair:nth-child(2) .txt-box .box::after {

    content: '';
    position: absolute;
    top: -27px;
    left: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
        border-right-color: transparent;
        border-right-style: solid;
        border-right-width: 15px;
    border-bottom: 15px solid #eef2f5;
    margin-top: 0px; margin-left: -15px;

}
.row-Repair .col-sm-6{ min-height: auto; padding:15px 30px; width: 100%; float: left;}
.row-Repair .col-sm-6.pull-right .pic-box{ text-align: center;}
.row-Repair .txt-box .box{ padding: 20px; text-align: center; min-height: 90px;}



/*faq-sec*/
.faq-sec{padding: 50px 0;}
.faq-sec .page-hed h4{ font-size: 26px;line-height: 33px;}
.faq-sec .page-hed h4 span{background-size: 100px; width: 100px; height: 100px; margin-left: -50px; top: -30px;}
.faq-inr{padding-top: 44px;width: 100%;}
.faq-inr .panel-heading h4 a{font-size: 14px;line-height: 20px;}
.faq-inr .panel-body p{font-size: 13px;line-height: 17px;}
.faq-inr .panel-body{padding: 15px 20px;}
.faq-inr .panel-heading h4 a span i{font-size: 11px; line-height: 23px;}
.faq-inr .panel-heading h4 a span{width: 25px; height: 25px;}



/*footer*/
.footer-sec{padding: 20px 0;  }
.foot-logo ul li:last-child{font-size: 15px; line-height: 20px; margin-top: 21px; background-position: 0 -1px; margin-left: 22px;}
.foot-logo ul li img{width: 130px;}
.footer-rt ul li{font-size: 13px; line-height: 20px;}
.footer-rt ul{margin-top: 15px;}
.foot-logo{float: none; text-align: center;}
.foot-logo ul li{float: none;}
.foot-logo ul li:last-child{background: none; margin: 0; padding: 0; margin-top: 15px;}
.foot-logo ul li:last-child a{background: url(../images/foot-phn.png) no-repeat left 0px; padding-left: 33px;}
.footer-rt{ width: 100%; text-align: center;}


/*--modal--*/
.modal-dialog { width: 540px; margin: 30px auto;}
.content-lft p{font-size: 13px; line-height: 23px;}
.content-rt p{font-size: 13px; line-height: 23px;}
.content-rt h3{font-size: 15px; line-height: 20px;}
.contentrt-inr h4{font-size: 15px; line-height: 20px;}
.content-lft {padding-bottom: 30px;}
.content-rt { height: 400px;}

.frm-box label{font-size: 12px;}
.frm-box input[type="text"], .frm-box input[type="tel"], .frm-box input[type="email"], .frm-box textarea{font-size: 12px; height: 35px; line-height: 35px;}
.frm-box textarea{height: 100px;}


}

@media only screen and (max-width: 599px){
	
	
/*faq-sec*/
.faq-sec .page-hed h4 { font-size: 23px; line-height: 30px;}
.faq-sec .page-hed h4 span {  background-size: 80px;  width: 80px; height: 80px; margin-left: -40px; top: -20px;}
.faq-sec { padding: 40px 0;}
.faq-inr { padding-top: 50px; width: 100%;}




.top-head h2 span::before, .top-head h3 span::before{ width: 100px; height: 100px; margin-top: -50px; margin-left: -50px;}
.top-head h2, .top-head h3 { font-size: 25px; line-height: 31px;}
.comptur-row h4 {font-size: 19px;}
.tech-cont p { font-size: 14px; line-height: 23px;}
.repair-txt p{ font-size: 14px; line-height: 23px;}
.top-head p{ font-size: 14px; line-height: 23px;}
.pan-caro-sec{ margin-top: 10px;}
.plans-sec { padding: 40px 0 30px 0;}
.sign{ width: auto;}
.sign a { font-size: 13px; line-height: 39px; height: 37px; width: 90px;}
.info span{ font-size: 13px;}
.info span a { font-size: 14px;}
.info {width: 203px;padding-top: 15px;}
.logo { width: 109px;}
.banner-inr-txt h3 {font-size: 40px;line-height: 47px;}
.banner img { min-height: 333px !important;}
.repair-img img{ width: 250px;}



/*--modal--*/
.content-lft p{font-size: 12px; line-height: 22px;}
.content-rt p{font-size: 12px; line-height: 22px;}
.content-rt h3{font-size: 14px; line-height: 20px;}
.contentrt-inr h4{font-size: 14px; line-height: 20px;}
.modal-body {padding: 30px 20px 20px;}
.modal-dialog {width: 440px;}





}





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

/*faq-sec*/
.faq-sec .page-hed h4 { font-size: 18px; line-height: 25px;}
.faq-sec .page-hed h4 span {background-size: 50px; width: 50px; height: 50px; margin-left: -25px; top: -10px;}
.faq-inr .panel-body p { font-size: 11px; line-height: 17px;}
.faq-inr .panel-heading h4 a {font-size: 12px; line-height: 20px;}
.faq-inr { padding-top: 30px; }

/*footer*/
.footer-rt ul li{background: none; margin: 0; padding: 0; float: none;}
.info span em{ display: none;}

.info {width: 147px; padding-top: 15px;}
.top-head h1 {font-size: 21px;line-height: 27px;}
.top-head h1 span::before {width: 100px; height: 100px; margin-top: -50px; margin-left: -50px;}
.sign-btn {font-size: 15px; width: 189px;}
.plans-sec .owl-prev, .plans-sec .owl-next{ width: 40px; height: 40px;}
.plans-sec .owl-prev{ left: -50px;}
.plans-sec .owl-next{ right: -50px;}
.top-head h2, .top-head h3 { font-size: 20px; line-height: 30px;}
.row-Repair .txt-box .box p { font-size: 14px; line-height: 23px;}


/*--modal--*/
.modal-dialog {width: 285px;}
.modal-body { padding: 40px 0 20px;}
button.close img{width: 45px; max-width: 100%;}
button.close{right: -13px;}
.content-lft a{font-size: 14px; border: 3px solid #dcdcdc; background-size: 100% 100%; width: 110px; height: 40px; line-height: 32px;}
.content-lft a span{background-size: 8px; top: 8px; left: 5px;}

} 








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



.banner-inr-txt h3 { font-size: 32px; line-height: 39px;}
.sign a { font-size: 11px;line-height: 34px; height: 32px; width: 69px;}
.logo { width: 82px;}
.info { width: 147px; padding-top: 12px;}
.sign { padding-top: 0;}
.info span a {font-size: 12px;}
.info {width: 128px; padding-top: 7px;}
.pan-caro-sec{ padding: 0 55px;}
.faq-inr .panel-heading h4 a { padding: 6px 5px;}
.faq-inr .panel-heading h4 a span{ margin-right: 7px;}
.faq-inr .panel-heading h4 a {font-size: 10px; line-height: 17px;}
.abouttech-sec{ padding-bottom: 20px;}

}