@charset "utf-8";
/* CSS Document */

body{ margin:auto;}
li{ list-style:none;}

a:visited {text-decoration:none; color:#ffffff;}

a:link {color:#ffffff; text-decoration:none;}

a:hover{color:#ffffff; text-decoration:underline;}

.logo {width:20%; float:left; margin:1em;}

.title{width:70%; float:right; text-align:right; margin:0.5em; color:#FFFFFF; font-size:1.8em; font-family:"Your typeface",Arial; letter-spacing:0.03em;}

.banner{width:65%; float:left; height:auto;}

.img-responsive {display:block; height:auto; max-width:100%;}

.form{ width:33.33333333333333%; float:right; height:auto; background-color:#e2e9ef; margin-bottom:1em; padding-bottom:0.5em;}

.form-control {display:block; width:85%; height:0.9em; padding:0.45em 0.5em 0.45em; font-size:0.87em; line-height:1.428571429; color:#555; background-color:#fff; background-image: none; border:0.1em solid #ccc; border-radius:0.3em; background-color:#ffffff; margin-bottom:0.8em;}

.midmain {width:74%; margin:auto; padding:0.5em; background-color:#ffffff; box-shadow:6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9; border-left:1px solid #d5d5d9\9; border-right:1px solid #d5d5d9\9; background-repeat:no-repeat;}

.toppanel{width:100%; background-color:#0185cf; float:left; margin-bottom:0.7em; border-radius:0.5em;}

.contact{width:auto; border-radius:0.5em; letter-spacing:0.07em; background-color:#0185cf; font-family:Calibri; font-size:1.3em; text-align:center; font-weight:bold; color:#ffffff; margin-bottom:0.5em; margin-top:0.5em; clear:both; padding-top:0.5em; padding-bottom:0.5em;}

.sushil{ font-family:"Times New Roman", Times, serif; font-size:1.8em; letter-spacing:0.07em; text-align:center; color:#000000; font-weight:bold;}

.pro{ width:auto; background-color:#072c41; font-family:Calibri; font-size:1em; text-align:center; padding:0.5em; border-radius:0.5em; color:#ffffff; font-weight:bold; margin-bottom:0.4em; margin-top:0.4em;}

.dis{ font-family:Calibri; font-size:0.5em; padding:0.5em; color:#000000; font-weight:bold; text-align:center;}

.mid{float:left; width:100%;}

.mid1{float:left; width:100%; background-color:#e4e5e5; border-radius:0.5em; margin-bottom:0.8em;}

.icon{width:25%; text-align:center; padding-top:0.1em;}

.soci{background-color:#CCCCCC; width:auto; clear:both; border-radius: 0.3em; margin:auto; }

.app{float:left; width:40%; padding:0.5em; font-family:Calibri; text-align:right; font-size:1.2em; color:#000000; font-weight:bold;}

.open03 {font-family:Calibri; font-size:1.8em; color:#ffffff; background-color:#0185cf; letter-spacing:0.07em; padding-bottom:0.1em; padding-top:0.1em; margin-bottom:0.1em; line-height:1.3em; font-weight:bold; text-transform:uppercase; text-align:center;}

.we {font-family:Calibri; font-size:0.75em; font-weight:bold; color:#000000; padding-top:0.2em; letter-spacing:0.04em; margin-bottom:0.2em;}

.Follow {font-family:Calibri; font-size:1em; text-align:center; color:#0b82bb; letter-spacing:0.04em; padding-bottom:0.4em;}

.ben{font-size:1.9em; font-family:Calibri; text-align:center; padding-top:0.1em; font-weight:bold; padding-bottom:0.1em; color:ffffff; text-shadow: 2px 2px #000000;}

.benti{font-size:1.3em; font-family:Calibri; text-align:center; padding-top:0.1em; font-weight:bold; padding-bottom:0.1em; color:ffffff; background: rgba(54, 25, 25, .5);}

.tdbg{ background-image:url(image/bannerbg.png);}

.banntext{font-family:Calibri; color:#ffffff; font-size:1.2em; padding:0.8em; line-height:1.6em; padding:0.9em; font-weight:bold; font-weight:normal; }



@media only screen and (max-width: 1024px) and (min-width: 1020px)
{
.mid{float:left; width:99.9%;}

.midmain {width:95%; margin:auto; padding:0.5em; background-color:#ffffff; box-shadow:6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9; border-left:1px solid #d5d5d9\9; border-right:1px solid #d5d5d9\9; background-repeat:no-repeat;}

.form{ width:33.33333333333333%; height:auto; background-color:#f3f1f1; margin-bottom:2em;}

.mid1{float:left; width:100%; background-color:#e4e5e5; border-radius:0.5em; margin-bottom:0.8em;}

.icon{ width:25%; text-align:center; padding-top:0.1em;}

.soci{ float:left; width:50%; font-family:Calibri; font-size:1.2em; color:#000000; text-align:right; font-weight:bold; padding:0.9em;}

.app{ float:left; width:40%; padding:0.9em; font-family:Calibri; text-align:right; font-size:1.2em; color:#000000; font-weight:bold;}

.im{ width:6%; height:auto; padding-left:0.8em;text-align:center;}

.im1{ width:4%; height:auto; padding-left:0.5em;text-align:center;}
}

@media only screen and (max-width: 1020px) and (min-width: 769px)
{
.logo {width:100%; text-align:center; margin:0.5em;}

.title{width:90%; text-align:center; font-size:1.2em; margin:0.2em; padding:0.5em;}

.banner{width:100%; margin-bottom:0.7em;}

.banner img{width:100%; float:right; text-align:center;}

.form{width:100%; float:left; text-align:center;}

.app{float:left; width:100%; padding:0.2em; font-family:Calibri; text-align: center; font-size:1.2em; color:#000000; font-weight:bold;}

.icon{width:100%; text-align:center; padding-top:0.1em;}

.soci{float:left; width:100%; padding:0.2em; font-family:Calibri; font-size:1.2em; color:#000000; text-align:center; font-weight:bold;}

.im{ width:10%; padding-left:0.8em; padding-top:0.4em; text-align:center;}

.contact{width:auto; border-radius:0.5em; background-color:#0185cf; font-family:Calibri; font-size:0.9em; text-align:center; font-weight:bold; color:#ffffff; margin-bottom:0.5em; margin-top:0.5em; clear:both; padding:0.1em; padding-top:0.8em; padding-bottom:0.8em;}

.im1{ width:6%; height:auto;text-align:center;}

}

@media only screen and (max-width: 768px) and (min-width: 481px)
{
.logo {width:100%; text-align:center; margin:0.5em;}

.title{width:90%; text-align:center; font-size:1.2em; margin:0.2em; padding:0.5em;}

.banner{width:100%; margin-bottom:0.7em;}

.banner img{width:100%; float:right; text-align:center;}

.form{width:100%; float:left; text-align:center;}

.app{float:left; width:100%; padding:0.2em; font-family:Calibri; text-align: center; font-size:1.2em; color:#000000; font-weight:bold;}

.icon{width:100%; text-align: center; padding-top:0.1em;}

.soci{float:left; width:100%; padding:0.2em; font-family:Calibri; font-size:1.2em; color:#000000; text-align:center; font-weight:bold;}

.im{ width:10%; padding-left:0.8em; padding-top:0.4em; text-align:center;}

.contact{width:auto; border-radius:0.5em; background-color:#0185cf; font-family:Calibri; font-size:1em; text-align:center; font-weight:bold; color:#ffffff; margin-bottom:0.5em; margin-top:0.5em;clear:both; padding:0.1em; padding-top:0.8em; padding-bottom:0.8em;}

.im1{ width:10%; height:auto; text-align:center;}

.sushil{ font-size:1em;}

.ben{font-size:1.1em; font-family:Calibri; text-align:center; padding-top:0.1em; font-weight:bold; padding-bottom:0.1em; color:ffffff; text-shadow: 2px 2px #000000;}

.benti{font-size:1em; }

.tdbg{ background-image:url(image/bannerbg.png);}

.banntext{font-family:Calibri; color:#ffffff; font-size:0.9em; padding:0.8em; line-height:1.6em; padding:0.9em; font-weight:bold; font-weight:normal; text-align:left; }
.logo { display:none;}

}

@media only screen and (max-width: 480px) and (min-width: 320px)
{
.midmain {width:90%;}

.logo {width:90%; text-align:center; margin:0.5em;}

.title{width:90%; text-align:center; font-size:1.2em; margin:0.2em; padding:0.5em;}

.banner{width:100%; margin-bottom:0.7em;}

.app{float:left; width:100%; padding:0.2em; font-family:Calibri; text-align:center; font-size:1.3em; color:#000000; font-weight:bold;}

.icon{width:100%; text-align:center; padding-top:0.1em;}

.soci{ background-color:#CCCCCC; width:auto; clear:both; border-radius:0.3em; margin:auto;}

.im{ width:20%; height:auto; padding-left:0.8em;text-align:center;}

.banner img{ width:100%;float:right; text-align:center;}

.form{ width:100%; float:left; text-align:center;}

.contact{width:auto; border-radius:0.5em; background-color:#0185cf; font-family:Calibri; font-size:1em; text-align:center; font-weight:bold; color:#ffffff; margin-bottom:0.5em; margin-top:0.5em;clear:both; padding:0.1em; padding-top:0.8em; padding-bottom:0.8em;}

.im1{ width:10%; height:auto;text-align:center;}

.sushil{ font-size:1em;}

.ben{font-size:1.1em; font-family:Calibri; text-align:center; padding-top:0.1em; font-weight:bold; padding-bottom:0.1em; color:ffffff; text-shadow: 2px 2px #000000;}

.benti{font-size:1em; }

.tdbg{ background-image:url(image/bannerbg.png);}

.banntext{font-family:Calibri; color:#ffffff; font-size:0.9em; padding:0.8em; line-height:1.6em; padding:0.9em; font-weight:bold; font-weight:normal; text-align:left; }
.logo { display:none;}
}