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

@media only screen and (min-width: 1566px) and (max-width: 2000px){
/*.navBar ul { display: block !important; }*/
}

@media only screen and (min-width: 1340px) and (max-width: 1565px) {
.overview { padding: 110px 0 0 0; }
.overview h2 { margin: 0 0 50px; }
.content_wrap { min-height:650px; }
.content_wrap img.priyanka { width:690px; bottom: -26px; }
.content_wrap .heading h2 { margin-top: 100px; }
.navBar { margin-left:8%; }
.content_wrap .heading h2 span { font-size: 53px; }
.navBar.inr { width: 700px; margin-left: 8%; }
.textbox { margin: 0 50px 0 0; }
.imgbox { margin-left: 10px; width: 625px; }
/*.navBar ul { display: block !important; }*/
.flex-control-nav li a { width:180px; height: 120px; }
.flex-control-nav2 li a { height: 200px; width: 306px; }
.career h2 { margin-bottom: 50px; }
.career h1 { margin-bottom: 50px; }
.career .form-container { width:1240px;}

.sitemap h2 { margin-bottom: 50px; }
.sitemap h1 { margin-bottom: 50px; }
.refer .content-div { width:1190px; margin:30px auto 0;}
.refer .content-div .left-form { width:1190px; float:left;}
.contact-us .content-div { width:1310px;}
/*Hoppits page start*/
.hoppits_imgbox { width: 558px; padding-top:40px;}
.hoppits_textbox {width: 620px; }
.hoppits_textbox h2 { font-size: 35px; line-height: 40px;}
.hoppits_textbox h4 { font-size: 17px; line-height: 20px;}

.content_scroll .overview .left img.one { width: 520px; margin: -20px 0 0 0; }
.content_scroll .overview .left img.four { width: 500px; margin: -20px 0 0 15px; }
.content_scroll .overview h2 { padding: 0 0 10px 0; margin-bottom: 30px; }
.content_scroll .overview h1 { padding: 0 0 10px 0; margin-bottom: 30px; }
.content_scroll .overview .left { min-height: 450px; }

.media-box .news-txt h2 { font-size:15px;}

}

@media only screen and (min-width: 1260px) and (max-width: 1339px) {

.content_wrap { min-height: 730px; }
.content_wrap img.priyanka { width:670px; bottom: -28px; }
.content_wrap .heading h2 { margin-top: 150px; }
.navBar { margin-left: 13%; }
.content_wrap .heading h2 span { font-size: 53px; }
.navBar.inr { width: 687px; margin-left: 3%; }
.textbox { margin: 0 30px 0 0; }
.imgbox { margin-left: 10px; width: 510px; }
/*.navBar ul { display: block !important; }*/
.flex-control-nav li a { width: 168px; height:108px; }
.flex-control-nav2 li a { height: 160px; width: 266px; }
.flex-control-paging { height: 170px; }
.sitemap h2 { margin-bottom: 50px; }
.sitemap h1 { margin-bottom: 50px; }
.sitemap .linkhead { width:1105px;}
.sitemap .linkhead .box-container { width:302px; margin-right:70px;}
.sitemap .linkhead .box-container .box { width:302px; margin-bottom:40px;}
.sitemap .linkhead .box-container .box h3 { width:285px;; height:43px; padding-left:15px;}
/*Contact Us page*/
.contact-us .content-div { width:1140px;}
.contact-us .content-div .left-form { width:500px;}
.contact-us .content-div .left-form .contact-textfield { width:480px;}
.contact-us .content-div .left-form .contact-textarea { width:480px;}
.contact-us .content-div .right-form { width:550px;}
#scrollbar1 { width:500px !important;} 
#scrollbar1 .viewport { width:480px !important;}
/*Refer a friend start*/
.refer .content-div { width:1190px; margin:50px auto 0;}
.refer .content-div .left-form { width:1190px; float:left;}
/*Hoppits page start*/
.hoppits_imgbox { width: 508px; padding-top:40px;}
.hoppits_textbox {width: 570px; }
.hoppits_textbox h2 { font-size: 35px; line-height: 40px;}
.hoppits_textbox h4 { font-size: 17px; line-height: 20px;}

.content_scroll .overview .left img.one { width: 490px; margin: -20px 0 0 0; }
.content_scroll .overview .left img.four { width: 450px; margin: -20px 0 0 15px; }
.content_scroll .overview h2 { padding: 0 0 10px 0; }
.content_scroll .overview h1 { padding: 0 0 10px 0; }
.content_scroll .overview .left { min-height: 450px; }
.content_scroll .overview p { font-size: 18px; }

.career .form-container { width:1150px;}

.media-box .news-txt h2 { font-size:15px;}

}

@media only screen and (min-width: 1004px) and (max-width:1259px) {

.content_wrap { min-height: 690px; }
.content_wrap img.priyanka { width:550px; bottom: -27px; }
.content_wrap .heading h2 { margin-top: 150px; font-size: 40px; line-height: 40px; }
.content_wrap .heading h2 span { font-size: 43px; }
.navBar { margin-left: 7%; width: 600px; }
.navBar li a { padding: 0 10px; font-size: 13px; }
.logo { margin-left: 2%; }
.content_box .box { width: 140px; }
.content_box .box img { width: 135px; }
.content_box { margin-left: 2%; }
.content_box .box p { padding-top: 20px; font-size: 12px; line-height: 16px; }
.content_box .box h2 { font-size: 14px; top: 71px; left: 10%; }
.navBar.inr { width: 520px; margin-left: 2%; }
.textbox { margin: 0 30px 0 0; width: 550px; }
.imgbox { margin-left: 10px; width: 400px; }
.social.inr { margin-right: 0; width: 220px; }
.navBar.inr li a { padding: 0 2px; font-size: 12px; }
.social.inr li { margin: 0 1px 0 0; }
.textbox h2 { font-size: 35px; }
.textbox ul.t-box li { width: 170px; }
.textbox h3 { font-size: 18px; }
.flex-direction-nav a { top: 20%; }
.flex-control-nav { bottom: 60%; }
.textbox ul.t-box li .img-b { min-height: 150px; }
/*.navBar ul { display: block !important; }*/
.Tablets h3 { padding: 185px 13% 0; }
.Tablets h2 { padding: 95px 17% 0; }
.Tablets .left img { width: 400px; }
.Tablets .right img { width: 400px; }
.vision p { padding: 0 12%; }
.overview { padding: 140px 0 50px 0; }
.overview h2 { margin: 0 0 80px 0; }
.flex-control-nav li a { width:132px; height: 90px; }
.flex-control-nav2 li a { height: 90px; width: 196px; }
.flex-control-paging { height: 150px; }
.navBar li li a { background-position: 0px 2px; padding: 0 10px !important; }
ul.n-v { display: block !important; }
/*Site Map page*/
.sitemap h2 { margin-bottom: 50px; }
.sitemap h1 { margin-bottom: 50px; }
.sitemap .linkhead { width:950px;}
.sitemap .linkhead .box-container { width:252px; margin-right:70px;}
.sitemap .linkhead .box-container .box { width:252px; margin-bottom:40px;}
.sitemap .linkhead .box-container .box h3 { width:235px;; height:43px; padding-left:15px;}
/*Contact Us page*/
.contact-us .content-div { width:950px;}
.contact-us .content-div .left-form { width:400px;}
.contact-us .content-div .left-form .contact-textfield { width:380px;}
.contact-us .content-div .left-form .contact-textarea { width:380px; height:180px;}
.contact-us .content-div .right-form { width:500px;}
.contact-us .content-div .right-form h3 {font-size:20px; line-height:25px;}
.contact-us .content-div .right-form p {font-size: 18px; line-height: 20px;}
#scrollbar1 { width:450px !important;}  
#scrollbar1 .viewport { width:430px !important;}
/*Refer a friend start*/
.refer .content-div { width:900px; margin:20px auto 0;}
.refer .content-div .left-form { width:900px; float:left;}
.refer .content-div .left-form .refer-textfield { width:300px;}
.refer .content-div .left-form .refer-textarea { width:400px;}
.refer-submit-btn {width:165px;}
/*Hoppits page start*/
.hoppits_imgbox { width:380px; padding-top:40px;}
.hoppits_textbox {width: 450px; }
.hoppits_textbox h2 { font-size:28px; line-height: 32px;}
.hoppits_textbox h4 { font-size: 16px; line-height: 18px;}
.hoppits-paging { height:170px;}
.hoppits_wrap { margin-top:150px;}

.content_scroll .overview .left { width: 39%; padding-right: 6%; min-height: 500px; }
.content_scroll .overview .left img.four { max-width: 85%; margin-top: 0; }
.content_scroll .team h3 { width:auto; }

.popbox { top: 20%; left: 21%; }

.career .form-container { width:920px;}

.media-box .news-txt h2 { font-size:14px;}
}


@media only screen and (min-width: 768px) and (max-width:1003px) {
.content_wrap { min-height: inherit; position: static; }
.content_box { display: none; }
#wrapper { position:relative; overflow: visible; }
.content_wrap img.priyanka { width:600px; bottom:84px; position:fixed; left:8%; clear: both; }
.content_wrap .heading h2 { margin-top: 40px; font-size: 30px; line-height: 35px; }
.content_wrap .heading { margin: 30px 0 0 0px; }
.content_wrap .heading h2 span { margin: 10px 0 0 60px; font-size: 30px; line-height: 35px; }
.navBar { margin: 0; width: auto; position:absolute; left: 0px; z-index: 99; }
.navBar li a { padding: 0 10px; font-size: 13px; }
.navBar ul { display: none; background: #4a4341; float:left; width: 240px; clear: both; }
.navBar li { padding: 10px 0; width: 100%; border-bottom: 1px solid #a7a4a3; }
.navBar a#nb { padding: 19px 15px; display: block; float:left; }
.navBar a#nb:hover { background: #4a4341; }
.logo { margin-left: 24%; }
.social img.tvc { top: 51px; }
.content_box .box { width: 140px; min-height:inherit; background: none; }
.content_box .box img { width: 135px; }
.content_box { margin: 0; width: 100%; }
.mobile-view { display: none; height:auto !important; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#scrollbar1 { width:400px !important;}  
#scrollbar1 .viewport { width:380px !important;}

.content_box .box p { padding-top: 20px; font-size: 12px; line-height: 16px; display: none; }
.content_box .box h2 { font-size: 14px; top: 71px; left: 10%; }
.navBar.inr { width: auto; margin-left: 0; }
.textbox { margin: 30px auto 0;  width: 550px; float:none; }
.imgbox { width: 500px; float:none; margin: 0 auto; }
.social.inr { margin-right: 0; width: 295px; }
.social {
	margin: 0px 1% 0 0;
	width: 140px;
} 
.social li { margin: 0 10px 0 0; }
.navBar.inr li a { padding: 0 8px; }
.textbox h2 { font-size: 35px; }
.textbox ul.t-box li { width: 170px; }
.textbox h3 { font-size: 18px; }
.flex-direction-nav a { top: 20%; }

.flex-control-nav { bottom: 60%; }

.textbox ul.t-box li .img-b { min-height: 150px; }
.footerWrap { margin: 0; bottom: 0; position: fixed; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
.footerWrap.aboutfooter { position:static; }
body { background-repeat:repeat; }
.footerWrap ul { text-align:center; margin: 7px 0 0 0; }
.footerWrap li { float:none; display:inline-block;}
.footerWrap p { text-align: center; padding: 5px 0; }
.footerWrap .content_box { display: block; overflow: hidden; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }
.bottom_arrw { display: block; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
.content_box .box { padding: 0; margin: 0 -34px 0 100px; } 
.content_box .box a { font-size: 18px; line-height: 30px; text-decoration: underline; text-transform: uppercase; color: #000; text-align:center; display: block; }
.overview .left { width: 96%; padding: 0 2%; float:left; }
.overview .right { width: 96%; padding: 0 2%; float:right; }

.Tablets h3 { padding: 185px 2% 0; }
.Tablets h2 { padding: 95px 2% 0; }
.Tablets .left img { width: 300px; }
.Tablets .right img { width: 300px; }
.vision p { padding: 0 2%; }

.navBar li ul { position:static; padding: 0px 0 0 0; }
.navBar li li a { color: #fff; background: none; }
.navBar li li a { padding-left: 20px; }
.navBar li ul { margin-top: 10px; }
.navBar li li:last-child { border: 0; }
.flex-control-nav li a { width:98px; height:75px; }
.flex-control-nav2 li a { height: 90px; width: 176px; }
.flex-control-paging { height: 150px; }

/*Site Map page*/
.sitemap h2 { margin-bottom: 50px; }
.sitemap h1 { margin-bottom: 50px; }
.sitemap .linkhead { width:727px;}
.sitemap .linkhead .box-container .box h3 a { font-size:14px;}
.sitemap .linkhead .box-container .box ul li a { font-size:14px;}
.sitemap .linkhead .box-container { width:222px; margin-right:30px;}
.sitemap .linkhead .box-container .box { width:222px; margin-bottom:40px;}
.sitemap .linkhead .box-container .box h3 { width:205px;; height:43px; padding-left:15px;}
/*Contact Us page*/
.contact-us .content-div { width:720px;}
.contact-us .content-div .left-form { width:350px;}
.contact-us .content-div .left-form .contact-textfield { width:330px;}
.contact-us .content-div .left-form .contact-textarea { width:330px; height:120px;}
.contact-us .content-div .right-form { width:350px;}
.contact-us .content-div .right-form h3 {font-size:19px; line-height:22px;}
.contact-us .content-div .right-form p {font-size: 17px; line-height: 20px;}
#scrollbar1 { width:350px !important;}
#scrollbar1 .viewport { width:330px !important;} 
/*Refer a friend start*/
.refer .content-div { width:720px; margin:20px auto 0;}
.refer .content-div .left-form { width:720px; float:left;}
.refer .content-div .left-form .refer-textfield { width:200px;}
.refer .content-div .left-form .refer-textarea { width:300px;}
.refer-submit-btn {width:165px;}
.refer .content-div .right-form { width:320px; float:right;}
.refer .content-div .right-form .refer-capthca { width:200px;}
/*flavor start*/
.flavor-main { min-height:600px;}


.content_scroll .overview .left { width: 90%; padding-right: 6%; min-height: 350px; background: none; }
.content_scroll .overview .right { width: 90%; padding-right: 6%; min-height: 350px; }
.content_scroll .overview.vision .left { min-height: 350px; }
.content_scroll #team.overview .left { min-height: 350px; }
.content_scroll .overview .left img.two { margin: 0 auto; width: 400px; }
.content_scroll .overview .left img.three { margin: 0 auto; width: 400px; }
.content_scroll .overview .left img.four { margin: 0 auto; width: 400px; }
.content_scroll .overview .left img { margin: 0 auto; display: block; width: 400px; }

.popbox { top: 20%; left: 11%; }

.career .form-container { width:690px;}
.career h2 { margin-bottom:30px;}
.career h1 { margin-bottom:30px;}
}

@media only screen and (min-width: 480px) and (max-width:767px) {
.navBar li ul { position:static; padding: 0px 0 0 0; }
.navBar li li a { color: #fff; background: none; }
.social.inr li { margin: 0 5px 0 0; }
.content_wrap { min-height: inherit; position: static; }
.content_box { display: none; }
#wrapper { position:relative; overflow: visible; }
.content_wrap img.priyanka { width:250px; bottom: 0px; height:auto; position:fixed; left:auto; clear: both; }
.mobile-view1 { display: block; }
.content_wrap .heading h2 { margin-top: 10px; font-size: 25px; line-height: 30px; }
.content_wrap .heading { margin: 40px 0 0 0px; width: 330px; }
.content_wrap .heading h2 span { margin: 10px 0 0 20px; font-size: 25px; line-height: 30px; }
.navBar { margin: 0; width: auto; position:absolute; left: 0px; z-index: 99; }
.navBar li a { padding: 0 10px; font-size: 11px; }
.navBar ul { display: none; background: #4a4341; float:left; width: 240px; clear: both; }
.navBar li { padding: 2px 0; width: 100%; border-bottom: 1px solid #a7a4a3; }
.social img.tvc { width: 130px; }
.navBar a#nb { padding: 12px 12px; display: block; float:left; }
.navBar a#nb:hover { background: #4a4341; }
.logo { margin: 3px 0 4px 30%; width: 100px; }
.logo.inr { margin: 3px 0 4px 15%; width: 100px; }
#headerWrap { min-height: 30px; position:fixed; top: 0; z-index: 999; }
.navBar a#nb img { width: 25px; }
.content_box .box { width: 140px; min-height:inherit; background: none; }
.content_box .box img { width: 105px; margin: 0 auto; }
.content_box { margin: 0; width: 100%; }
.mobile-view { display: none; height:auto !important; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.content_box .box p { padding-top: 20px; font-size: 12px; line-height: 16px; display: none; }
.content_box .box h2 { font-size: 12px; top: 55px; left: 2%; width: 100px; text-align:center; }
.navBar.inr { width: auto; margin-left: 0; }
.textbox { margin: 30px auto 0; width: 400px; float:none; }
.imgbox { margin: 0 auto; width: 300px; float: none; }
.social.inr { margin-right: 0; width: 235px; }
.social { margin: 0 0 0 0; width: 120px; } 
.logo img { max-width: 100%; }
.social li { margin: 0 0px 0 0; }
.navBar.inr li a { padding: 0 8px; }
.textbox h2 { font-size: 25px; text-align:center; }
.textbox h4 { text-align: center; font-size: 16px; }
.textbox ul.t-box li { width: 100%; margin: 0 0 20px 0; }
.slider_wrap { margin: 90px 0 0 0; }
.textbox h3 { font-size: 18px; text-align:center; }
.textbox ul.t-box li p { text-align:center; }
.flex-direction-nav a { top: 20%; }
.flex-control-nav { bottom: 60%; }
.textbox ul.t-box li .img-b { min-height: 150px; width: 150px; margin: 0 auto; }
.footerWrap { margin: 0; bottom: 0; position: fixed; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
body { background-repeat:repeat; }
.footerWrap ul { text-align:center; margin: 7px 0 0 0; }
.footerWrap li { float:none; display:inline-block;}
.footerWrap p { text-align: center; padding: 0px 0; font-size: 11px; }
.footerWrap .content_box { display: block; overflow: hidden; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.bottom_arrw { padding: 5px 0; display: block; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
.content_box .box { padding: 0; margin: 7px 0 0 35px; width: 110px } 
.content_box .box a { font-size: 14px; line-height: 20px; text-decoration: underline; text-transform: uppercase; color: #000; text-align:center; display: block; }
.footerWrap li a { font-size: 11px; padding: 0 7px; }

.content_box .box a { font-size: 18px; line-height: 30px; text-decoration: underline; text-transform: uppercase; color: #000; text-align:center; display: block; }

.overview .left { width: 56%; padding: 0 22%; float:left; }
.overview .right { width: 96%; padding: 0 2%; float:right; }
.overview { padding: 70px 0 0 0; min-height: 500px; }
.content_scroll h2 { margin: 0 0 20px 0; }
.overview p { font-size: 14px; line-height: 18px; padding: 0 0 5px 0; }

.Tablets h3 { padding: 185px 2% 0; font-size: 16px; line-height: 20px; padding-top: 165px; }
.Tablets h2 { padding: 95px 2% 0; font-size: 25px; line-height: 30px; }
.Tablets .left img { width: 200px; }
.Tablets .right img { width: 200px; }
.vision p { padding: 0 2%; font-size: 16px; }
.Tablets .right p, .Tablets .left p { font-size: 14px; line-height: 18px; }
.Tablets .right p { padding-right: 10px; }
.Tablets .left p { padding-left: 10px; }
.Tablets .right, .Tablets .left { padding: 280px 0 0 0; }
.Tablets .right h4, .Tablets .left h4 { font-size: 18px; }
.footerWrap.aboutfooter { position:static; }
.footerWrap.aboutfooter .mobile-view1 { display: block; }
.navBar li li a { padding-left: 20px; }
.navBar li ul { margin-top: 10px; }
.navBar li li:last-child { border: 0; }
.career { padding: 60px 0 0 0; }
.career h2 { margin:0 0 20px 0; }
.career h1 { margin:0 0 20px 0; }
.career p { font-size: 14px; line-height: 18px; }
.career ol li { font-size: 14px; line-height: 18px; }
.career .form-container { width:430px;}


.flex-control-paging { height: 150px; display: none !important; }
.flex-control-nav img.hott { display: none !important; }

/*Site Map page*/
.sitemap { padding-top:60px;}
.sitemap h2 {margin:0 0 20px; }
.sitemap h1 {margin:0 0 20px; }
.sitemap .linkhead { width:420px;}
.sitemap .linkhead .box-container .box h3 a { font-size:16px;}
.sitemap .linkhead .box-container .box ul li a { font-size:16px;}
.sitemap .linkhead .box-container { width:400px; margin-right:0px;}
.sitemap .linkhead .box-container .box { width:402px; margin-bottom:25px;}
.sitemap .linkhead .box-container .box h3 { width:385px;; height:43px; padding-left:15px;}
/*Contact Us page*/
.contact-us { padding-top:60px;}
.contact-us h2 {margin:0 0 20px; }
.contact-us .content-div { width:420px;}
.contact-us .content-div .left-form { width:400px;}
.contact-us .content-div .left-form .contact-textfield { width:380px;}
.contact-us .content-div .left-form .contact-textarea { width:380px; height:120px;}
.contact-us .content-div .right-form { width:420px; margin:30px 0;}
.contact-us .content-div .right-form h3 {font-size:16px; line-height:18px;}
.contact-us .content-div .right-form p {font-size: 15px; line-height:18px;}
#scrollbar1 { width:440px !important;}
#scrollbar1 .viewport { width:420px !important;} 
/*Refer a friend start*/
.refer { padding-top:60px;}
.refer .content-div { width:420px; margin:20px auto 0;}
.refer .content-div .left-form h3 { font-size:22px; line-height:25px; margin-bottom:15px;}
.refer .content-div .left-form { width:420px; float:left;}
.refer .content-div .left-form .refer-textfield { width:200px;}
.refer .content-div .left-form .refer-textarea { width:300px;}
.refer-submit-btn {width:165px;}
.refer .content-div .right-form { width:420px; float:left; margin:20px 0 0;}
.refer .content-div .right-form .refer-capthca { width:200px;}
.refer-submit-btn { float:left;}

/*content scroll about*/
.content_scroll .overview .left { width: 100%; padding: 0; min-height: 60px; background: none; }
.content_scroll .overview .right { width: 80%; padding: 0 10%; min-height: 60px; float:left; }
.content_scroll .overview.vision .left { min-height: 60px; }
.content_scroll #team.overview .left { min-height: 60px; }
.content_scroll .overview .left img.two { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img.three { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img.four { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img { margin: 0 auto; display: block; width: 150px; }
.team h3 { width: auto; }
.content_scroll .overview h2 { margin: 0; font-size: 25px; }
.content_scroll .overview h1 { margin: 0; font-size: 25px; }
.content_scroll .overview p { font-size: 12px; }
.content_scroll .overview { padding: 0; min-height: 150px; }
.content_scroll .overview .left img.one { margin-top: 80px; }
/*content scroll about*/


.popbox { top: 20%; left: 11%; width: 350px; }
.popbox iframe {height: 200px !important; }

}


@media only screen and (min-width: 120px) and (max-width:479px) {
.flex-control-paging { height: 150px; display: none !important; }
.flex-control-nav img.hott { display: none !important; }

.content_wrap { min-height: inherit; position: static; }
.content_box { display: none; }
#wrapper { position:relative; overflow: visible; }
.content_wrap img.priyanka { width:85%; bottom:59px; position:fixed; left:4%; clear: both; }
.mobile-view1 { display: block; }
.content_wrap .heading h2 { margin-top: 52px; font-size: 18px; line-height: 20px; }
.content_wrap .heading { margin: 10px 0 0 22%; width: 220px; }
.content_wrap .heading h2 span { margin: 10px 0 0 20px; font-size: 27px; line-height: 28px; }
.navBar { margin: 0; width: auto; position:absolute; left: 0px; z-index: 99; }
.navBar li a { padding: 0 10px; font-size: 11px; }
.navBar ul { display: none; background: #4a4341; float:left; width: 240px; clear: both; }
.navBar li { padding: 5px 0; width: 100%; border-bottom: 1px solid #a7a4a3; }
.navBar a#nb { padding: 14px 15px; display: block; float:left; }
.navBar a#nb:hover { background: #4a4341; }
.logo { margin: 7px 0 0 23%; width: 100px; }
.logo.inr { margin: 3px 0 4px 17%; width: 100px; }
#headerWrap { min-height: 50px; position:fixed; z-index: 999; }
.navBar a#nb img { width: 25px; }
.content_box .box { width: 140px; min-height:inherit; background: none; }
.content_box .box img { width: 95px; margin: 0 auto; }
.content_box { margin: 0; width: 100%; }
.mobile-view { display: none; height:auto !important; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.content_box .box p { padding-top: 20px; font-size: 12px; line-height: 16px; display: none; }
.content_box .box h2 { font-size: 10px; top: 42px; left: 8%; width: 75px; text-align:center; }
.navBar.inr { width: auto; margin-left: 0; }
.textbox { margin: 30px auto 0; width: 300px; }
.imgbox { margin: 0 auto; width: 250px; float:none; }
.social.inr { margin-right: 0; width: 295px; }
.social { margin: 15px 0 0 0; width: 90px; } 
.logo img { max-width: 100%; }
.social li { margin: 0 10px 0 0; }
.navBar.inr li a { padding: 0 8px; }
.textbox h2 { font-size: 20px; }
.textbox ul.t-box li { width: 170px; }
.textbox h3 { font-size: 18px; }
.textbox h4 { font-size: 14px; line-height: 16px; }
.slider_wrap { margin: 90px 0 0 0; }
.flex-direction-nav a { top: 20%; }
.flex-control-nav { bottom: 60%; }
.textbox ul.t-box li .img-b { min-height: 150px; }
.footerWrap { margin: 0; bottom: 0; position: fixed; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
body { background-repeat:repeat; }
.footerWrap ul { text-align:center; margin: 0px 0 0 0; }
.footerWrap li { float:none; display:inline-block;}
.footerWrap p { text-align: center; padding: 5px 0; font-size: 11px; }
.footerWrap .content_box { display: block; overflow: hidden; background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cacaca 0%, #ebebeb 53%, #cacaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cacaca), color-stop(53%,#ebebeb), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* IE10+ */
background: linear-gradient(135deg,  #cacaca 0%,#ebebeb 53%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.bottom_arrw { padding: 5px 0; display: block; background: #3d3634; /* Old browsers */
background: -moz-linear-gradient(left,  #3d3634 0%, #727171 52%, #3d3634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d3634), color-stop(52%,#727171), color-stop(100%,#3d3634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3d3634 0%,#727171 52%,#3d3634 100%); /* IE10+ */
background: linear-gradient(to right,  #3d3634 0%,#727171 52%,#3d3634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3634', endColorstr='#3d3634',GradientType=1 ); /* IE6-9 */
 }
.content_box .box { padding: 0; margin: 7px 0 0 5px; width: 100px } 
.content_box .box a { font-size: 12px; line-height: 20px; text-decoration: underline; text-transform: uppercase; color: #000; text-align:center; display: block; }
.footerWrap li a { font-size: 10px; padding: 0 5px; }

.overview .left { width: 56%; padding: 0 22%; float:left; }
.overview .right { width: 96%; padding: 0 2%; float:right; }
.overview { padding: 80px 0 0 0; min-height: 500px; }
.content_scroll h2 { margin: 0 0 20px 0; font-size: 25px; }
.overview p { font-size: 14px; line-height: 18px; padding: 0 0 5px 0; }

.Tablets h3 { padding: 185px 2% 0; font-size: 14px; line-height: 20px; padding-top: 165px; }
.Tablets h2 { padding: 95px 2% 0; font-size: 20px; line-height: 30px; }
.Tablets .left, .Tablets .right { width: 100%; min-height:inherit; padding: 0 0 20px 0; }
.Tablets .left img { width: 200px; }
.Tablets .right img { width: 200px; float:right; margin: 0 20px 0 0; }
.vision p { padding: 0 2%; font-size: 14px; line-height: 20px; }
.vision h2 { font-size: 25px; }
.Tablets .right p, .Tablets .left p { font-size: 14px; line-height: 18px; }
.Tablets .right p { padding-right: 10px; text-align:right; }
.Tablets .left p { padding-left: 10px; }
.Tablets .left { padding: 280px 0 50px 0; }
.Tablets .right { padding: 50px 0 50px 0; }
.Tablets .right h4, .Tablets .left h4 { font-size: 18px; float:right; margin: 20px 20px 10px 0; }
.footerWrap.aboutfooter { position:static; }
.footerWrap.aboutfooter .mobile-view1 { display: block; }
.navBar li ul { position:static; padding: 0px 0 0 0; }
.navBar li li a { color: #fff; background: none; }
.navBar li li a { padding-left: 20px; }
.navBar li ul { margin-top: 10px; }
.navBar li li:last-child { border: 0; }
.career { padding: 60px 0 0 0; }
.career h2 { margin:0 0 20px 0; font-size: 24px; line-height: 30px; }
.career h1 { margin:0 0 20px 0; font-size: 24px; line-height: 30px; }
.career p { font-size: 14px; line-height: 18px; }
.career ol { margin-left:10%;}
.career ol li { font-size: 14px; line-height: 18px; }
.career h3 { font-size: 18px; }
.career .form-container { width:300px;}
.career .form-container .frm-right .txtfield { width:270px;}
.career .form-container .frm-right .txtarea { width:270px;}
.social.inr li { margin: 0 5px 0 0; }
.social.inr { width: 140px; }
.social li a.contact { display: none; }
.social img.tvc { width: 100px; }
.textbox ul.t-box li { width: 95%; margin: 0 0 70px 0; }

/*Site Map page*/
.sitemap { padding-top:60px;}
.sitemap h2 {margin:0 0 20px; }
.sitemap h1 {margin:0 0 20px; }
.sitemap .linkhead { width:300px;}
.sitemap .linkhead .box-container .box h3 a { font-size:16px;}
.sitemap .linkhead .box-container .box ul li a { font-size:16px;}
.sitemap .linkhead .box-container { width:280px; margin-right:0px;}
.sitemap .linkhead .box-container .box { width:282px; margin-bottom:25px;}
.sitemap .linkhead .box-container .box h3 { width:265px;; height:43px; padding-left:15px;}
/*Contact Us page*/
.contact-us { padding-top:60px;}
.contact-us h2 {margin:0 0 20px; }
.contact-us .content-div { width:300px;}
.contact-us .content-div .left-form { width:280px;}
.contact-us .content-div .left-form h3 { margin-bottom:20px; font-size:22px;}
.contact-us .content-div .left-form .contact-textfield { width:260px;}
.contact-us .content-div .left-form .contact-textarea { width:260px; height:120px;}
.contact-us .content-div .right-form { width:300px; margin:20px 0;}
.contact-us .content-div .right-form h3 {font-size:16px; line-height:25px;}
.contact-us .content-div .right-form p {font-size: 15px; line-height:22px;}
#scrollbar1 { width:300px !important;}
#scrollbar1 .viewport { width:280px !important;} 
.contact-us .content-div .right-form ul li { width:70px;}
/*Refer a friend start*/
.refer { padding-top:60px;}
.refer .content-div { width:300px; margin:20px auto 0;}
.refer .content-div .left-form h3 { font-size:19px; line-height:25px; margin-bottom:10px;}
.refer .content-div .left-form { width:300px; float:left;}
.refer .content-div .left-form .refer-textfield { width:250px;}
.refer .content-div .left-form .refer-textarea { width:250px;}
.refer-submit-btn {width:165px;}
.refer .content-div .right-form { width:300px; float:left; margin:20px 0 0;}
.refer .content-div .left-form h3 { font-size:16px;}
.refer .content-div .right-form p { font-size:15px;}
.refer .content-div .right-form .refer-capthca { width:250px;}
.refer-submit-btn { float:left;}


/*content scroll about*/
.content_scroll .overview .left { width: 100%; padding: 0; min-height: 60px; background: none; }
.content_scroll .overview .right { width: 80%; padding: 0 10%; min-height: 60px; float:left; }
.content_scroll .overview.vision .left { min-height: 60px; }
.content_scroll #team.overview .left { min-height: 60px; }
.content_scroll .overview .left img.two { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img.three { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img.four { margin: 0 auto; width: 150px; }
.content_scroll .overview .left img { margin: 0 auto; display: block; width: 150px; }
.team h3 { width: auto; }
.vision h3 { width:auto; font-size: 13px; line-height: 15px; }
.content_scroll .overview.vision h3 { font-size: 13px; line-height: 15px; }
.content_scroll .overview h2 { margin: 0; font-size: 20px; }
.content_scroll .overview h1 { margin: 0; font-size: 20px; }
.content_scroll .overview p { font-size: 12px; }
.content_scroll .overview { padding: 0; min-height: 150px; }
.content_scroll .overview .left img.one { margin-top: 80px; }
/*content scroll about*/

.popbox { top: 20%; left: 7%; width: 250px; }
.popbox iframe {height: 150px !important; }

}