@import "bootstrap.min.css";

/* 1.0 - General */
body{margin: 0; background: #FFFFFF; }
table,div{font-family: 'Open Sans', sans-serif; font-size:16px; color:#333333; line-height:30px;}
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #FFFFFF;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #FFFFFF;}/* Firefox 19+ */
:-ms-input-placeholder {color: #FFFFFF;}/* IE 10+ */
:-moz-placeholder {color: #FFFFFF;}/* Firefox 18- */

img{border:none;}
p{ margin:10px 0;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px;}
/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0; padding: 0; list-style: none;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.green-btn{border: none; padding: 10px 20px; color: #FFFFFF; background: #2e941e; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}
.green-btn:hover{background: #217314;}
.white-btn{border: none; padding: 10px 20px; color: #2e941e; background: #FFFFFF; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}
.white-btn:hover{background: #f1f1f1;}

/*.green-btn-myprofile{border: none; padding: 4px 20px; color: #FFFFFF; background: #2e941e; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}*/
.green-btn-myprofile {
    float: right;
    border: none;
    padding: 4px 15px;
    color: #FFFFFF;
    background: #2e941e;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out;
}
.green-btn-myprofile:hover{background: #217314;}
/*.white-btn-myprofile{border: none; padding: 4px 20px; color: #2e941e; background: #FFFFFF; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}*/
.white-btn-myprofile {
    border: none;
    padding: 4px 15px;
    color: #2e941e;
    background: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out;
    float: left;
}
.white-btn-myprofile:hover{background: #f1f1f1;}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #000000; display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 4px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0}
.navbar-inverse{background-color: transparent; border-color: transparent;}
.navbar {border-radius: 0; border:none; min-height: auto; background:#ffffff; position: relative; width: 100%; z-index: 1;}
.navbar-brand {z-index: 1; position: relative; display: block; padding: 0; height: 76px;}
.navbar-brand > img {display: inline;}
.navbar-header{margin: 20px 0 0}
.navi{position: relative;}
.navi:before{background: #cccccc; height: 1px; width: 100%; position: absolute; content: ''; left: 0; top: 15px;}

.top-right{float: right; margin: 40px 0 28px}
.top-right ul{margin: 0; padding: 0; list-style: none;}
.top-right ul li{float: left; font-size: 16px; font-weight: bold; position: relative; padding-left: 40px; margin-left: 40px; line-height: 18px;	}
.top-right ul li span{display: block; font-size: 12px; color: #616060; font-weight: 300}
.top-right ul li img{position: absolute; left: 0; top: 5px;}

.carousel-control .icon-prev {left: 50%; margin-left: -10px; background: url(../images/pre-icon.png) no-repeat;}
.carousel-control .icon-prev::before{display: none}
.carousel-control .icon-next {right: 50%; margin-right: -10px; background: url(../images/next-icon.png) no-repeat;}
.carousel-control .icon-next::before{display: none}

.carousel-caption{margin-top: -146px;}
.carousel-caption h1{font-weight: bold; font-size: 62px; color: #FFFFFF; margin: 0 0 40px; line-height: 62px;}
.carousel-caption h1 span{display: block;}
.carousel-caption p{font-size: 16px;}

/* janki start */

#pagewrap {
	margin: 0 auto;
	width: 600px;
	padding-left: 150px;
	position: relative;
}

/*
Back to top button 
*/
#back-top {position: fixed; bottom: 30px; margin: 0; right: 30px}
#back-top a {width: 64px; display: block; text-align: center;  text-transform: uppercase; text-decoration: none; color: #bbb; 	/* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 64px; height: 64px; display: block; 	margin-bottom: 7px; background: url(../up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px;	border-radius: 15px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span {}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 40px;
  height: 70px;
  margin-left: -20px;
  bottom: 120px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}
.icon-scroll a{display: block; width: 40px; height: 70px;}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
/* janki end */


.jumbotron{padding: 0}
.jumbotron .container { max-width: 100%; height: 100%;}
.about-ban{position: relative; margin: 0}
.about-ban img{width: 100%;}
.about-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%;}
.about-ban .ban-text{text-align: center; position: relative; margin: -60px auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 768px; top: 50%;}
.about-ban .ban-text h1{font-size: 40px; line-height: 40px; margin: 0 0 20px; text-transform: uppercase; font-weight: bold;}

/** 3.0 - Content **/
#content .row{padding: 80px 0;}

h1{font-size: 40px; font-weight: bold;}
h2{font-size: 32px; font-weight: bold;}

.welcome{background: #f1f1f1; text-align: center}
.welcome .container{background: #FFFFFF; border-radius: 10px; padding: 60px; margin-top: -180px; position: relative; z-index: 0}
.welcome h1{margin: 0 0 30px; text-align: center; color: #5f5f5f}
.welcome h4{font-size: 18px; font-weight: 300px; margin: 0 0 50px; line-height: 30px; text-align: center; color: #7b7b91; padding: 0 100px;}
.welcome .left, .welcome .right{width: 32%; -moz-box-shadow: 0 2px 6px #CCCCCC; /* FF3.5+ */ -webkit-box-shadow: 0 2px 6px #CCCCCC; /* Saf3.0+, Chrome */ box-shadow: 0 2px 6px #CCCCCC; /* Opera 10.5, IE 9.0 */ padding-bottom: 40px; border-radius: 8px;margin-top: 20px; margin-left: 10px; /*max-height: 345px; overflow-y: scroll;*/ min-height: 830px;}
.welcome h2{background: #e50d0d; color: #FFFFFF; font-size: 25px; font-weight: bold; border-radius: 8px 8px 0 0; line-height: 25px; padding: 22px 0; margin: 0}
.welcome .price{background: #f1f1f1; padding: 20px;}
.welcome ul{margin: 0 0 40px; padding: 0; list-style: none; }
.welcome ul li{border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.welcome .price {font-size: 43px; color: #5f5f5f; font-weight: bold;}
.welcome .price h3{font-size: 26px; color: #5f5f5f; font-weight: bold;}
.welcome .price sup{font-size: 25px; font-weight: bold;}
.welcome .price span{font-size: 26px; font-weight: 300;}

.about{background: url(../images/about-bg.jpg) no-repeat center center; background-size: cover; text-align: center;}
.about h1{color: #FFFFFF; margin: 0 0 50px;}
.about p{color: #FFFFFF}

.usp{text-align: center;}
.usp h1{color: #5f5f5f; font-size: 55px; margin: 0}
.usp h3{color: #5f5f5f; font-size: 28px; font-weight: bold; margin: 0 0 20px;}
.usp .green-btn{font-size: 30px; padding: 20px 50px;}

.usp ul{margin: -150px 0 60px 0; padding: 0; list-style: none; text-align: center;}
.usp ul li{display: inline-block; font-size: 20px; color: #757575; font-weight: 400; background: #FFFFFF; -moz-box-shadow: 0 2px 6px #CCCCCC; /* FF3.5+ */ -webkit-box-shadow: 0 2px 6px #CCCCCC; /* Saf3.0+, Chrome */ box-shadow: 0 2px 6px #CCCCCC; /* Opera 10.5, IE 9.0 */ width: 272px; margin: 0 20px; padding: 40px 20px;border-radius: 10px;} 
.usp ul li span{font-weight: bold; font-size: 75px; display: block; line-height: 80px;}
.usp ul li .icon{background: url(../images/usp-icon-bg.png) no-repeat center center; height: 123px; width: 123px; margin: 0 auto 30px; display: table; padding: 16px}

.download-app{background: #e50d0d}
.download-app .left, .download-app .right{width: 48%;}
.download-app .left{}
.download-app .left h1{color: #FFFFFF; margin: 0 0 50px;}
.download-app .left h4{color: #FFFFFF; font-size: 25px; font-weight: 300px; margin: 0 0 50px; line-height: 38px;}

/** 4.0 - Footer **/
footer{}
footer .footer1{padding: 50px 0; background: #19232f}
footer .footer1 h4{font-size: 26px; margin: 0 0 20px; color: #FFFFFF; padding-bottom: 10px; font-weight: bold;}
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .links ul li{line-height: 40px; font-size: 16px; font-weight: 300}
footer .footer1 .links ul li a{color: #929ca8;}
footer .footer1 .links ul li i{margin-right: 5px;}

footer .footer1 .contact ul li{padding-left: 50px; position: relative; color: #929ca8; font-size: 16px; font-weight: 300; line-height: 18px; margin-bottom: 20px;}
footer .footer1 .contact ul li img{position: absolute; left: 0;}
footer .footer1 .contact ul li a{color: #929ca8; line-height: 45px}

footer .footer2{padding: 20px 0; background: #141c26}
footer .footer2 .left, footer .footer2 .right{font-size: 16px; color: #929ca8; line-height: 35px; padding: 6px 0}
footer .footer2 .social-media{margin: 0 auto;}
footer .footer2 .social-media ul{margin: 0; padding: 0; list-style: none; text-align: center}
footer .footer2 .social-media ul li{width: 44px; height: 44px; line-height: 44px; text-align: center; border:1px solid #929ca8; border-radius: 50%; margin-left: 5px; display: inline-block}
footer .footer2 .social-media ul li a{display: block; color: #FFFFFF; font-size: 18px;}

/* */
.pricing{background: #f1f1f1; text-align: center}
.pricing .left, .pricing .right{width: 32%; -moz-box-shadow: 0 2px 6px #CCCCCC; /* FF3.5+ */ -webkit-box-shadow: 0 2px 6px #CCCCCC; /* Saf3.0+, Chrome */ box-shadow: 0 2px 6px #CCCCCC; /* Opera 10.5, IE 9.0 */ padding-bottom: 40px; border-radius: 8px; background: #FFFFFF;margin-top: 20px; margin-left: 10px; }
.pricing h2{background: #e50d0d; color: #FFFFFF; font-size: 25px; font-weight: bold; border-radius: 8px 8px 0 0; line-height: 25px; margin: 0; padding:22px 0; }
.pricing .price{background: #f1f1f1; padding: 20px;}
.pricing ul{margin: 0 0 40px; padding: 0; list-style: none; }
.pricing ul li{border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.pricing .price {font-size: 43px; color: #5f5f5f; font-weight: bold;}
.pricing .price h3{font-size: 26px; color: #5f5f5f; font-weight: bold;}
.pricing .price sup{font-size: 25px; font-weight: bold;}
.pricing .price span{font-size: 26px; font-weight: 300;}
.pricing button{margin: 0 20px;}
.pricing-myprofile button{margin: 0 47px;float: right;}

.contents_body .container .additional_addon{
	float: right;
	
}
.contents_body .container .additional_addon a{
	text-decoration: underline;			
	color: #E40C0D;
}

/* */
.features{background: #f1f1f1}
.features ul{margin: 30px 0 0; padding: 0; list-style: none;}
.features ul li{width: 24%; margin: 0 1.3% 1.3% 0; background: #FFFFFF; border-radius: 4px; float: left; text-align: center; padding: 50px 40px; -moz-box-shadow: 0px 3px 10px #d5d5d5; /* FF3.5+ */ -webkit-box-shadow: 0px 3px 10px #d5d5d5; /* Saf3.0+, Chrome */ box-shadow: 0px 3px 10px #d5d5d5; /* Opera 10.5, IE 9.0 */}
.features ul li:nth-child(4n+4){margin-right: 0}
.features ul li span{margin-bottom: 40px; display: block;}
.features ul li .name{text-transform: uppercase; font-size: 18px; line-height: 22px; height: 42px; font-weight: bold;}

/**/
.about .usp ul{margin: 0; padding: 0; list-style: none; text-align: center;}

/* */
.contactus{background: #f1f1f1}
.contactus h2{font-size: 40px; color: #2a2a2a; font-weight: bold; margin: 0 0 40px;}
.contactus ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.contactus ul li{float: left; text-align: left; width: 30%; margin-right: 5%;}
.contactus ul li span{display: block;}
.contactus ul li:last-child{margin-right: 0}
.contactus h3{font-size: 40px; color: #5f5f5f; font-weight: 300; margin: 0 0 20px; border-bottom: 1px solid #c2c2c2; padding-bottom: 10px;}
.contactus ul li i{}

.quick-inquiry{background: #FFFFFF; padding: 40px; margin-top: 40px;}
.quick-inquiry h2{margin: 0 0 10px;}
.quick-inquiry span{float: left; width: 49%; margin-right: 2%; margin-bottom: 20px;}
.quick-inquiry span:nth-child(2n+2){margin-right: 0}
.quick-inquiry .input{border: 2px solid #7f7f7f; padding: 0 10px; line-height: 46px; height: 46px; width: 100%; color: #000000; font-size: 16px;}
.quick-inquiry .input.textarea{min-height: 120px; margin-bottom: 30px}
.quick-inquiry p{font-weight: 300; color: #000000; font-size: 14px; margin: 20px 0}
.quick-inquiry label{font-weight: 300}
.quick-inquiry .green-btn{float: left; padding: 8px 30px;}

.map{padding: 0 !important}
.map img, .map iframe{width: 100%;}

.try-for{background: #FFFFFF; margin: 0 auto; width: 500px; padding: 40px;}
.try-for label{font-weight: 300; display: block;}
.try-for .input{width: 100%; border: 2px solid #7f7f7f; margin-bottom: 14px; height: 40px; line-height: 40px;}
.try-for .submit{background: #5c9506; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 18px; border: 0; padding: 10px 30px; display: table; margin: 30px auto 0;}

.btntrack{
    padding: 4px 19px;
    color: #2e941e;
    background: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out
}
.trackingcode{
    padding: 4px 20px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 5px;
    border: 1px solid;
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.carousel-caption h1{font-size: 52px; line-height: 52px;}
.carousel-caption {margin-top: -106px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption {margin-top: -106px;}

.usp ul li{margin: 0 4px 20px}

footer .footer1 .contact ul li{font-size: 13px;}
footer .footer1 .links ul li {line-height: 40px; font-size: 15px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption {margin-top: -106px;}

.usp ul li{margin: 0 20px 20px}

footer .footer1 .contact ul li{font-size: 13px;}
footer .footer1 .links ul li {line-height: 40px; font-size: 15px;}

.about-ban .ban-text{width: 100%; margin: -15px auto 0;}
.about-ban .ban-text h1{font-size: 40px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

.welcome .left, .welcome .right{min-height: 884px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{ float: none; margin-bottom: 0}
.navbar-brand{width: 300px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}

.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -86px;}

#content .row{padding: 40px 0}
h1 {font-size: 40px;}

.welcome .container{padding: 20px; margin-top: -110px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 32px;}

.usp h1{font-size: 45px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

/* */
.about-ban .ban-text{width: 100%; margin: -15px auto 0;}
.about-ban .ban-text h1{font-size: 40px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 32px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}

.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 32px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 10px 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 30px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 32px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.quick-inquiry span{width: 100%;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}

.carousel-caption h1{font-size: 22px; line-height: 22px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 22px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 0 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 20px; line-height: 20px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 22px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.contactus h2 {font-size: 30px;}
.quick-inquiry span{width: 100%;}

.try-for{width: 100%; padding: 20px;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.top-right ul li img{left: 7px;}
.top-right ul li {font-size:10px;}
.top-right ul li span {font-size:7px;}
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px; width: 100%}
.top-right ul li{margin-left: -6px;}
.navbar{z-index: 100;}

.carousel-caption h1{font-size: 22px; line-height: 22px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}
h2 {font-size: 20px;}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 22px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 0 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 20px; line-height: 20px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 22px;}

/* */
.features ul li{width: 100%; margin: 0 0 20px;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.contactus h2 {font-size: 30px;}
.quick-inquiry span{width: 100%;}

.try-for{width: 100%; padding: 20px;}

.welcome .left, .welcome .right{min-height: auto;}

.trackorder table tr td{display: block;}
.trackingcode{margin: 10px 0}
}
.planbuttons{
  width: 200px;
}
.divdash{
  width:100px;
  text-align: center; 
}

/* Temporary Styling */
.col-md-3.contact{
    display:none;
}


input.error,textarea.error{ border: 1px solid #f00 !important; }
label.error{ display:none !important; }