html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}

@font-face {
    font-family: kGTen;
    src: url(../font/KGTenThousandReasons.ttf);
}
@font-face {
    font-family: kGTenshadow;
    src: url(../font/KGHAPPY.ttf);
}
body{
     color: #000;overflow: hidden!important;}

html{scroll-behavior:smooth;}

/* Font */
h1, h2, h3, h4, h5, h6{font-weight: 100; }
h1{  font-size: 4.5em; line-height: 56px!important; font-family: kGTenshadow}
h2{font-size: 2.2em;  line-height: .5!important;font-family: kGTen; letter-spacing: 1px;}
h3{font-size: 2em; line-height: .2!important; font-family: kGTenshadow}
h4{font-size: 2.18em;  line-height: 1!important;font-family: kGTenshadow}
h5{font-size: 2em;  line-height: 1.5!important; font-family: kGTen; letter-spacing: 1.5px; }
h6{font-size: 2em;  line-height: 1.15!important; font-family: 'Quicksand', sans-serif!important;font-weight: 300}
p{font-size: 1.25em; line-height: 1.7!important;font-family: 'Quicksand', sans-serif!important;font-weight: 500;padding: 10px 0}


/*ol,ul{list-style:none}
*/blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{width:100%;font-size:100%;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}
body,html{margin:0;padding:0;font-size:100%;}
body{width:100%;box-sizing:border-box;-moz-box-sizing: border-box;}
:focus,a,textarea,input{outline:none}
/*img{max-width:100%!important}*/
br{clear:both;height:10px;display:block}
a{text-decoration:none!important; color: black;
   -webkit-transition: all 1s ease-in;
    transition:all 1s ease-in; 
     -moz-transition:all 1s ease-in;  -o-transition: all 1s ease-in;
     -ms-transition: all 1s ease-in;
}
.clear-fix:after{height:0;clear:both;content:" ";font-size:0;min-height:0;display:block;visibility:hidden}

.row{clear:both!important; float: left;}
.margin-top-0{margin-top:0}
.margin-top-10{margin-top:10px}
.margin-top-20{margin-top:20px}
.margin-top-30{margin-top:30px}
.margin-top-40{margin-top:40px}
.margin-top-50{margin-top:50px}
.margin-top-60{margin-top:60px}
.margin-top-70{margin-top:70px}
.margin-top-80{margin-top:80px}
.margin-top-150{margin-top:150px}
.margin-top-130{margin-top:130px}
.margin-bottom-0{margin-bottom:0}
.margin-bottom-30{margin-bottom:30px}
.margin-bottom-40{margin-bottom:40px}
.margin-bottom-50{margin-bottom:50px}
.margin-bottom-60{margin-bottom:60px}
.margin-bottom-70{margin-bottom:70px}
.margin-bottom-80{margin-bottom:80px}
.padding-top-0{padding-top:0}
.padding-top-10{padding-top:10px}
.padding-top-20{padding-top:20px}
.padding-top-30{padding-top:30px}
.padding-top-40{padding-top:40px}
.padding-top-50{padding-top:50px}
.padding-top-60{padding-top:60px}
.padding-top-70{padding-top:70px}
.padding-top-80{padding-top:80px}
.padding-top-90{padding-top:90px}
.padding-top-100{padding-top:100px}
.padding-top-120{padding-top:120px}
.padding-top-150{padding-top:150px}
.padding-top-200{padding-top:200px}
.padding-bottom-20{padding-bottom:20px}
.padding-left-135{padding-left: 135px}
.margin-right-30{margin-right: 30px}
/*
.margin-right2-200{margin-right: -200px!important}
.margin-left2-200{margin-left: -200px!important}
*/
.margin-left-15{margin-left: 15%}
.margin-left-25{margin-left: 25%}
.margin-left-30{margin-left: 30%}
::-moz-selection {background-color: #f37053;  color: #fff;}
::selection {background-color: #f37053;; color: #fff;}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,1);-webkit-border-radius:3px;border-radius:3px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(255,255,255,1)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,249,149,0.4)}

/*    columns */
.column-15{
    width: 15%;
    float: left;
    margin-top: 5%;
}
.column-70{
    width: 70%;
    float: left;
    margin-top: 5%;
}

.column,.columns{width:100%;float:left;box-sizing:border-box}

/* -------------------------------- 

Primary style

-------------------------------- */
.wow{visibility:hidden}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {
  animation-iteration-count: infinite;
}
.delay0-25s {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}
.delay0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.delay0-75s {
    -webkit-animation-delay: .5s;
    animation-delay: .75s
}
.delay1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.delay1-25s {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}
.delay1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}
.delay1-75s {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}
.delay2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.delay3s {
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.delay5s {
    -webkit-animation-delay:5s;
    animation-delay:5s
}

.delay5-5s {
    -webkit-animation-delay:5.5s;
    animation-delay:5.5s
}


@keyframes blink {50% {   opacity: 0 }}
@keyframes blinker {50% {   opacity:0 }}

.blink-1 {
/* order: name, direction, duration, iteration-count, timing-function */  
-moz-animation: blink 650ms steps(1) infinite; /* Firefox */
-webkit-animation: blink 650ms steps(1) infinite; /* Webkit */
-ms-animation: blink 600ms steps(1) infinite; /* IE */
animation: blink 650ms steps(1) infinite; /* Opera and prob css3 final iteration */
}

.blink-2 {
/* order: name, direction, duration, iteration-count, timing-function */  
-moz-animation: blinker 650ms steps(1) infinite; /* Firefox */
-webkit-animation: blinker 650ms steps(1) infinite; /* Webkit */
-ms-animation: blinker 650ms steps(1) infinite; /* IE */
animation: blinker 650ms steps(1) infinite; /* Opera and prob css3 final iteration */
 -webkit-animation-delay:1s;
    animation-delay:1s}


.blink-line{      margin: 0 auto;}
img.blink-1, img.blink-2 {position: absolute; }
/*    colors      */
.white{color: #fff}
.yellow{color: #fcb315}
.blue{color: #00a78c;}
.orange{color: #f46e34}    
.purple{color: #9b2384}
.red{color: #ca2929}
.light-blue{color: #01bdd5}
.yellowish-orange{color: #f89a1c}
.leaf-green{color: #aacf3a}
.pink{color: #ee485f}
.blue-2{color: #009bfe}
.green-2{color: #00bc47}
.yellow-2{color: #d6c400}
/*    float   */
.left{float: left}
.right{float: right}


/*superscroll flying object position */

.wrapper {
	visibility: visible;
}

.wrapper #content-wrapper {
	    margin: 0 auto;
    overflow: hidden;
	}
img.fly-object{max-width: 100%}
#fling-it,#moving-1, #beaker, #setting, #telescope, #telescope2, #move-it2, #moving2 , #globe, #block3, #block2, #set-square, #move-it, #block, #fly-it,#moving { position: relative;  width: 105px; z-index: 9999;display: block;}
#fling-it img,#moving-1 img, #beaker img, #seting img, #block2 img, #move-it2 img, #block3 img,#telescope2 img, #telescope img, #set-square img, #move-it img, #block img, #fly-it img,#moving img ,  #moving2 img{ width: 80%}

/*#scroll-1 { z-index: 9999; width: 100%; height: 100%; overflow: hidden; }*/
/*#moving-1{left: 82%;   margin-left: -900px;   margin-top: -100px}*/
#moving-1{  left: 20%;   margin-top: -80px}
#moving  {right: 5%;   float: right; margin-top: -550px}
#moving2  {right: 5%;   float: right; margin-top: -50px}
/*#globe {right: 5%;   float: right; margin-top: -50px}*/
#move-it{left: 4%;    margin-right: 50px;   margin-top: -100px}
 #move-it2 {left: 2%;    margin-right: 50px;   margin-top: -50px}
#block {left: 82%;   margin-left: -900px; }
#block3 {left: 82%;   margin-left: -2000px; margin-top: -80px }
#telescope {left: 90%;  margin-top: -100px  }
#telescope2 {left: 90%;  margin-top: -100px  }

.setting{margin-top: -200px}
#setting1{position: absolute; float: left; z-index: 99999}
#setting2{position: absolute;z-index: 99999}
/*#globe2{position: relative; float: left; z-index: 99999}*/

/*#globe1 {position: absolute;z-index: 99999}*/
#set-square {left: 5%;    margin-right: 50px;margin-top: -100px   }
#block2 {left: 5%;    margin-right: 50px;margin-top: -100px   }
#beaker{left: 5%;    margin-right: 50px;   margin-top: -150px}

/*
header ul{width: 60%; float: right;}
header ul li{display: inline;  float: left}
*/
/*
.menu-bg{background: url(../img/menu-bg.png) no-repeat; height: 70px; position: relative}
.menu-bg a{position: absolute}
*/



body{background:url(../img/bg-img.jpg) no-repeat fixed;background-size:100% 100%;display:block;overflow:hidden;}

header{width: 100%; float: left; }
.logo{float: left;    width: 25%;    padding-left: 5%;}

.logo img{    width: 250px;  padding: 15px }


/*    slider  */
.slider{    width: 57%;    float: right;    top: 45%;    right: 0%;    position: relative; }
.slider-title{ text-align: center;width: 100%;}

#slide-5, #slide-7, #slide-8, #slide-9, #slide-15, #slide-16, #slide-14, #slide-13,  #slide-12, #slide-4, #slide-3{z-index: -1}

.anim-slide img{width: 46%}
.banner-slide{width: 65%; position: relative; height: 500px; top: 5%; right: 0}
.anim-slide #text1{margin-top: 135px; left: 0%}
.anim-slide #text2{margin-top: 205px; left: 0%}
.anim-slide #text5{margin-top: 270px; left: 0%;     line-height: 1em!important;}
.anim-slide #text8{margin-top: 365px; left: 0%}


/*            THROUGH ICT         */
.bg-red{background:url(../img/bg-red.jpg) no-repeat;background-size:cover;display:block;z-index:9; position: relative
/*    height:960px;*/
    }


/*        EMPOWER MINDS       */
.bg-icon1, .bg-icon2, .bg-icon3,.bg-icon4{height: 85px;}

.bg-icon1{background: url("../img/connect.png") no-repeat; background-position: center center;background-size: contain}
.bg-icon2{background: url("../img/compute.png") no-repeat; background-position: center center;background-size: contain}
.bg-icon3{background: url("../img/contemplate.png") no-repeat;background-position: center center;background-size: contain}
.bg-icon4{background: url("../img/continue.png") no-repeat; background-position: center center;background-size: contain}
.smaller-h4{font-size: 1.85em;}
.c-section img{width: 40%}


/*         FUTURE READY       */
.bg-purple{background:url(../img/purple-bg.jpg) no-repeat;}
.bg-purple{background-size:cover;display:block;z-index:1; position: relative;
/*height:1050px;*/
}
.binary-bg{background:url(../img/binary-pattern.png) repeat;}
.binary-bg{display:block;
/*height:1050px;*/
}
/*.process-section img{width: 45px}*/
/*
.focus img, .focus-1 img{width: 120px}
.focus-1, .focus {text-align: right}
.focus-1 {padding-right: 60px}
*/
.process h4{font-size:1.7em; 
   /* line-height: 0!important; float: left*/
}
/*.process img{padding-left: 15px;float: right;width: 50px;}*/
.num-one h4{    padding-top: 35px;    padding-left: 60px;}
.num-one p{    padding-left: 75px;    padding-top: 10px;}
.num-one h4.blue {  padding-top: 0px;}
.num-one h1{float: left; }
.left-fly{background:url(../img/left-fly.png) no-repeat;height:140px; position: relative;
    background-size:contain;display:block;z-index:2;margin-bottom: -60px;}
.right-fly{background:url(../img/right-fly.png) bottom right no-repeat;height:150px;background-size:contain;position: relative;display:block;z-index:9999;margin-top: -60px;}



/*        taxonomy section        */
.larger-h4{font-size: 3.15em;    line-height: 1.4!important;}
.larger-h4.line-height-2{font-size: 3.4em;    line-height: .8!important;}
.taxonomy-section{margin-top: 50px}
.taxonomy{    position: relative;}
.taxonomy img{width: 90%}
img.image-bottom{position: absolute}
img.image-top{position: relative}

.bg-yellow{background:url(../img/yellow-bg.jpg) no-repeat;background-size:cover;display:block;z-index:9;
/*height:960px;*/
}
.bg-yellow.margin-top-40{margin-top: 40PX}
.smaller-1-h4{font-size: 1.8em!important; }
.bg-icon1.button{    background-size: 15%;}
.copyrights{z-index: 9999; bottom:0px; position: absolute; right:30px; text-align:right;}
.copyrights p, .copyrights a{font-size:1rem; line-height:1.5rem;}
.copyrights .copy-mob {display:none;}



/*    program page    */
.bg-purple.program-purple{background-size:cover;display:block;z-index:1;}
.binary-bg.program-binary-bg{display:block;}

.white-box{background:url(../img/square-bg.png) center center no-repeat;height:250px;background-size:100%; z-index: 999999}
.orange-box{background:url(../img/square-orange.png) center center no-repeat;height:250px;background-size:100%; z-index: 999999}
.orange-box p, .white-box p{width:80%; margin: 0 auto;}
.box1{margin-top: 80px;
    margin-bottom: -80px;
    bottom: -20px;
    top: 20px}
.box3{    margin-top: 50px;
    margin-bottom: -50px;}
.box6, .box5{    opacity: 0;}
.box7{    margin-left: 20px;
    margin-right: -20px;}
.box8{    margin-top: 80px;
    margin-bottom: 80px;}
.box10{margin-top: -150px;}

.bg-orange-kid2{background:url(../img/orange-bg-kid2.png) bottom center no-repeat;height:1150px;background-size:100%;}

.program-icon1{background: url("../img/program-icon1.png") no-repeat; height: 350px;background-position: center center;background-size: contain}
.program-icon2{background: url("../img/program-icon2.png") no-repeat; height: 350px;background-position: center center;background-size: contain}
.program-icon3{background: url("../img/program-icon-3.png") no-repeat; height: 350px;background-position: center center;background-size: contain}
.program-icon4{background: url("../img/program-icon-4.png") no-repeat; height: 350px;background-position: center center;background-size: contain}
.program-section .header-img-program {  width: 100%;}
        
.stages{padding-top: 170px}


/*    why hitech   */
.assure-section {padding: 40% 0}
.assure-container{width:90%}
.blackboard-bg{background:url(../img/blackboard-bg.jpg) bottom center no-repeat;background-size:cover; width: 100%;height:956px;}
.blackboard-bg h4{margin-left: 30px;}

.blackboard-bg ul{width: 100%;margin: 0 auto;padding-top: 90px; }
.assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6{background-size:contain;height:120px;    list-style: none; padding-left:150px; padding-top:10px;margin-top:20px}
.assure-bg-1{background:url(../img/assure-bg-a.png) center center no-repeat;    background-size: 100% 120%;}
.assure-bg-2{background:url(../img/assure-bg-s1.png) center center no-repeat;    background-size: 100% 120%;}
.assure-bg-3{background:url(../img/assure-bg-s2.png) center center no-repeat;    background-size: 100% 120%;}
.assure-bg-4{background:url(../img/assure-bg-u.png) center center no-repeat;    background-size: 100% 120%;}
.assure-bg-5{background:url(../img/assure-bg-r.png) center center no-repeat;    background-size: 100% 120%;}
.assure-bg-6{background:url(../img/assure-bg-e.png) center center no-repeat;    background-size: 100% 120%;}
.small-h5{font-size: 1.8em;}

/*.h1-smaller{font-size: 3em!important;}*/

.h1-small{font-size: 3em!important;    line-height: 56px!important;}
.h2-small{font-size: 2.5em!important;}
.h5-small{font-size: 1.8em!important;    line-height: 1!important;}
.wire-bg{background: url(../img/wire-bg.png)no-repeat top center; height: 845px; background-size: contain}
.ict-bg{background: url(../img/ict.png)no-repeat center center;height: 576px;     background-size: contain;  width: 636px;    margin: 0 auto; }
.link-to{list-style: none}
.linkto{width: 50%; margin: 0 auto}
.linkto-2{width: 50%; float: left}
.linkto-3{width: 50%; float: left}
 .buttons-1{padding-top: 60px; width: 75%; font-weight: 600; font-size: 2em; margin: 0 auto;}
 .buttons-2{padding-top: 60px; width: 80%;font-weight: 600;font-size: 2em;padding-left: 20%; text-align: center;}
 .buttons-3{    padding-top: 100px; width: 100%; margin-left: 0%; font-weight: 600; font-size: 2em;}
.benefits-content, .hitech-content{position:relative}
article {opacity:0;-webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in;-o-transition: all 1s ease-in; -ms-transition: all 1s ease-in; transition: all 1s ease-in; transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;-moz-transition-delay:0.5s;}
article:first-child {  opacity:1}
.click-1, .click-2, .click-3, .button-1, .button-2, .button-3{position:absolute;}


.bg-purple.purple-3{background-size:cover;display:block;z-index:1; }
/*
.bg-purple.purple-3{height:1050px; }
.bg-purple.purple-4{height:180px; }
*/

.binary-bg-orange.binary-bg-2{  box-sizing: border-box;overflow: hidden;
height:965px;  
}
.bg-red.orange-2{box-sizing: border-box;overflow: hidden; 
height:956px;
}
.binary-bg-orange{background:url(../img/binary-pattern-orange.png) repeat;}
.bg-black{background: url(../img/black-bg.jpg) no-repeat 100% 0%; background-size:cover;
    height:1060px;
}
 #f1_card .smaller-h4 p{ display: none}
/*    flip image  */
#f1_container {position: relative; margin: 10px auto; width: 100%; height: 230px; z-index: 1;}
.front-flip{background: url(../img/front-flip.png) top center no-repeat; z-index: 2; background-size: contain}
#f1_container {perspective: 1000;}
#f1_card {width: 100%;height: 100%; transform-style: preserve-3d; transition: all 1.0s linear;}
#f1_container:hover #f1_card { transform: rotateY(180deg);}
.face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
.face.back-green {display: block;transform: rotateY(180deg); background: url(../img/flip-green.png) top center no-repeat;background-size: contain}
.face.back-pink {display: block;transform: rotateY(180deg); background: url(../img/flip-red.png) top center no-repeat;background-size: contain}
.face.back-blue {display: block;transform: rotateY(180deg); background: url(../img/flip-blue.png) top center no-repeat;background-size: contain}
.front-flip h4, .back-green h4, .back-pink h4, .back-blue h4{margin: 100px 0;}

/*career page*/
form#career-form{margin-left: 50%}
#career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3, #career-form .input-bg-4
{font-family: kGTen;border: none;font-size: 1em;     width: 60%;}
#career-form .input-bg-1
{background:url(../img/input-1.png) center center no-repeat; padding: 0 12px;height:60px;background-size:cover}
#career-form .input-bg-2
{background:url(../img/input-2.png) center center no-repeat;padding: 0 12px;height:60px;background-size:cover}
#career-form .input-bg-3
{background:url(../img/input-3.png) center center no-repeat;padding: 0 15px;height:60px;background-size:cover}
#career-form .input-bg-4
{background:url(../img/input-4.png) center center no-repeat;padding: 10px 10px;height:160px;background-size:100%;}

#career-form .submit-button{background:url(../img/submit-button.png) center center no-repeat;font-family: kGTen;font-size: 1.5em; width: 35%;border: none; text-align: left; padding-left: 30px; height:100px;background-size:100%; margin-top: 0px; margin-left: 45px;}
/*----------------  contact page-------------*/
.contact-bg h5{    font-size: 1.45em;line-height: 1.9!important; }
/*.bg-red.contact-us { height: 980px}*/
form .row{width: 100%}
.contact-bg{background:url(../img/contact-bg.png) no-repeat;background-size:contain;display:block; margin-top: 30px;
/*height:760px;*/
}
.form-bg{background:url(../img/form-bg.png) center center no-repeat;height:580px;background-size:70%;display:block;}
.underline{background:url(../img/underline.png) bottom center no-repeat;height:70px;background-size:73%;display:block;}
.underline.email{background-size:55%; height: 70px;}
.underline.chennai{background-size:60%; height: 70px;}
.underline.phone{background-size:55%; height: 70px;}

.input-bg-1, .input-bg-2, .input-bg-3, .input-bg-4{font-family: kGTen;border: none;font-size: 1em;}
.input-bg-1{background:url(../img/input-1.png) center center no-repeat; padding: 0 12px;height:40px;background-size:cover}
.input-bg-2{background:url(../img/input-2.png) center center no-repeat;padding: 0 12px;height:40px;background-size:cover}
.input-bg-3{background:url(../img/input-3.png) center center no-repeat;padding: 0 15px;height:40px;background-size:cover}
.input-bg-4{background:url(../img/input-4.png) center center no-repeat;padding: 10px 10px;height:125px;background-size:100%;}
select{width: 65%}
.submit-button{background:url(../img/submit-button.png) center center no-repeat;font-family: kGTen;font-size: 1.5em; width: 50%;border: none; text-align: left; padding-left: 30px; height:50px;background-size:90%; margin-top: 0px; margin-left: 45px;}
form{width: 70%; margin: 0 auto; height: 127px; padding-top: 60px;margin-left:150px; }

label{font-family: kGTen; font-size: 1em;line-height: 40px;}

.spring-line{background: url(../img/spring-line.png) 85% 42% no-repeat;height: 450px}
form .col-md-4, form .col-md-8{padding: 5px 0}




/*    footer section  */

.footer-bg{background:url(../img/footer-bg.png) 10% 100% no-repeat;height:400px;background-size:45%;    position: relative;}
footer{position: relative}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/flip-green.png") no-repeat center;
    background-size: contain;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top a p{
    color: green
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible .cd-top a p    {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: transparent;
  opacity: 1;
}
  .cd-top a p:hover{
    color: green
}


@media (min-width: 320px) {
.wrapper{width:100%;padding:0}
}
@media (min-width: 601px) {
.wrapper{width:100%}

}

    

    @media screen and (max-width:1600px) {
       h1 {    font-size: 3.8em;}
       h2 {    font-size: 3.3em;}
       h3 {    font-size: 2.8em;}
       h4 {    font-size: 2.3em;}
       h5 {    font-size: 1.9em;}
       h6 {    font-size: 1.7em;}
        .h1-small {    font-size: 2.5em!important;}
        .banner-slide{width: 60%; top: 0}
        .anim-slide #text8 { margin-top: 360px;}
        #telescope {   left: 90%;}
        #moving-1 {    margin-top: -155px;}
        #move-it {margin-top: 0px;}
/*        .binary-bg,  .bg-purple {height: 1080px;}*/
/*        .bg-yellow {height: 830px;}*/
        .process h4 {font-size: 1.4em;}
         .smaller-1-h4 {font-size: 1.45em!important;}
/*        .focus img, .focus-1 img {  width: 100px;}*/
        .left-fly, .right-fly { height: 120px;}
        .taxonomy img { width: 100%;}
        .bg-icon1.button { background-size: 20%;    height: 80px;}
/*        .bg-yellow {height: 950px;}*/
        #moving {  margin-top: -85px;}
        
        
        
/*        program page    */
        .box7{margin-top: -15px}
        .box8 {  margin-top: 40px; margin-bottom: 40px;}
        .box9{margin-top: -15px}
        .box10 { margin-top: -110px;}
        
        
        .bg-orange-kid2 {    height: 1020px;}
        .kid-1,  .bg-kid-1 { height: 610px;}
/*        .binary-bg.program-binary-bg, .bg-purple.program-purple {    height: 880px;}*/
/*        .bg-orange-kid2 {height: 905px;}*/
        .smaller-h2{    font-size: 2.5em!important;    line-height: 1!important;}
        .bullet-arrow{width: 30px;}
          .workroom-section .padding-top-80 {   padding-top: 60px;}
        
     /*    why hitech page    */     
        .bg-red.orange-2 {height: 816px;}
         img.header-img{width: 40%}
/*        .binary-bg-orange.binary-bg-2, .bg-red.orange-2 {height: 790px;}*/
        .assure-section { padding: 30% 0;}
/*        .blackboard-bg ul { width: 47%;}*/
        .buttons-1 { padding-top: 60px;}
        .buttons-2 { padding-top: 75px;}
        .buttons-3 { padding-top: 125px;}
        .front-flip h4, .back-green h4, .back-pink h4, .back-blue h4 {  margin: 95px 0;}
        .blackboard-bg {height: 816px;}

        .bg-black {    background: url(../img/black-bg.jpg) no-repeat 100% -64%;     background-size: cover;}
       /* .bg-purple.purple-3 {  height: 920px;}*/
        
        .program-section .header-img{width: 45%}
        .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {    padding-left: 90px;
    padding-top: 5px;
    margin-top: 20px; background-size:100% 100%}
        .blackboard-bg ul { width: 80%;}
        .small-h5 { font-size: 1.25em;}
        .padding-left-135 {  padding-left: 75px;}
        
        
/*        contact us      */
        form {     margin-left: 90px;   width: 100%;    padding-top: 40px}
        .form-bg {background-size: 90%;height: 570px;}
        .submit-button {     margin-top: 5px;}
        
    }

    @media screen and (max-width:1440px) {
        .logo img {   width: 250px;}
        .menu--ama .menu-bg {background-size: 100%;     padding-top: 1.65em;}
        .menu--ama {  width: 60%;}
        .menu--ama .menu__item-name {  font-size: .9em;}
        .banner-slide {    width: 65%;}
        .left-fly{    margin-bottom: -70px;}
/*        .binary-bg,  .bg-purple {    height: 1050px;}*/
        .process h4 {font-size: 1.15em;}
        .num-one h4{   font-size: 2.15em;}
        .process img {    padding-left: 5px;   width: 45px}
/*        .bg-red {height: 1000px;}*/
        .smaller-h4 {    font-size: 1.5em;}
        
        .anim-slide #text1 {    font-size: 1.7em;}
        .anim-slide #text2 {    font-size: 2.1em;}
        .anim-slide #text5 {    font-size: 3.5em;}
        .anim-slide #text8 {    font-size: 2.1em;}
        #moving-1 {  margin-top: -100px;}
        #move-it { margin-top: -50px;}
        .c-section img { width: 40%;}
        .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4{ background-size: 100%;}
        .larger-h4 { font-size: 3em;}
        .taxonomy img { width: 100%;}
        .taxonomy-section { margin-top:0px;}
/*        .bg-yellow .bg-icon1 {background-size: 30%;}*/
        
/*        .bg-yellow { height: 970px;}*/
        #moving {  right: 2%;}
      #set-square,  #beaker, #setting, #move-it {  left: 2%}
     
        
/*    program page           */
        .box4 p.padding-top-80{padding-top: 60px!important}
        .box8 p.padding-top-60{padding-top: 50px!important}

        .smaller-h2 { font-size: 2.8em!important}
        .kid-1, .bg-kid-1 {height: 537px;}
        .h1-small {   font-size: 2.35em!important;}
        .program-icon1, .program-icon2, .program-icon3, .program-icon4 {height: 240px;}
        .stages { padding-top: 125px;}
/*        .smaller-h4 {  font-size: 1.15em;}  */
        
   /*    why hitech page    */   
        .bg-red.orange-2 { height: 890px;}
        .blackboard-bg ul { width: 90%;}
/*        .binary-bg-orange.binary-bg-2, .bg-red.orange-2   {  height: 890px;}*/
        .assure-section {  padding: 32% 0;}
        .blackboard-bg {  height: 890px;}
        .bg-black {   background: url(../img/black-bg.jpg) no-repeat 100% 0%; height: 1090px; }
        .workroom-section .padding-top-80 {   padding-top: 50px;}
        .ict-bg {height: 500px;    width: 631px;}
        .buttons-2 {  padding-top: 30px;   width: 85%;   font-size: 1.7em;  padding-left: 10%;}
        .buttons-3 { padding-top: 70px;font-size: 1.7em;  }
        .buttons-1 { font-size: 1.7em;  }
/*        .bg-purple.purple-3 {  height: 1100px;}*/

        
/*        contact us      */
        .contact-bg {  margin-top: 20px;}
        .form-bg {    background-size: 100%;}
        form {      margin-left: 60px; }
        .submit-button {  width: 55%;    margin-top: 10px;}
/*        .bg-red.contact-us {  height: 880px;}*/
}


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

        .anim-slide {  top: 6%;}
        .anim-slide #text1 {margin-top: 125px;}
        .anim-slide #text2 {margin-top: 185px}
        .anim-slide #text5 {margin-top: 250px; font-size: 3.4em}
        .anim-slide #text8 {margin-top: 320px;}
        .bg-red .padding-top-30{padding-top: 10px}
      

        .margin-top-40 { margin-top: 10px;}
        .bg-yellow  .padding-top-50 {  padding-top: 30px;}
         .left-fly{     margin-top: 20px;   margin-bottom: -45px;background-size: 20%; }
        .right-fly {height: 180px; margin-top: -100px;background-size: 20%;}
        .taxonomy-section { margin-top: 0px;  PADDING-TOP: 32px;}
        .bg-yellow .bg-icon1 { background-size: 20%;}
     
         img.header-img {  width: 35%;}
        .padding-left-135 { padding-left: 70px;}
        .purple-4 .margin-top-40 {   margin-top: 40px;}
        
        
/*        program page        */
        .orange-box {height: 210px;}
        .box2 .padding-top-50{padding-top: 15px}
        .box7 {  margin-top: -40px;}
        .box9 { margin-top: -40px;}
        .smaller-h2 { font-size: 2.8em!important;}
        .bg-orange-kid2 { height: 950px;}
    
        
       /*        contacts page        */ 
/*        .bg-red.contact-us {  height: 745px;}*/
        .contact-bg {  margin-top: 25px;}
       .form-bg { height: 560px;}
/*        form { padding-left: 90px;}*/
        .submit-button {margin-top: 0px;    margin-left: 30px;}
        
/*        career page*/
    .career-banner img{width: 50%}
    }


    @media screen and (max-width:1280px) {
        h1 {  font-size: 3.35em;}
        h5 { font-size: 1.75em;}
        p {   font-size: 1.15em;}
        .padding-top-40 {  padding-top: 25px;}
       .anim-slide #text1 {margin-top: 95px;  font-size: 1.5em;}
        .anim-slide #text2 {margin-top: 150px; font-size: 1.8em;}
        .anim-slide #text5 {margin-top: 200px; font-size: 3.2em;}
        .anim-slide #text8 {margin-top: 270px;  font-size: 1.8em;}
        .menu--ama .menu-bg { padding-top: 1.6em;}
        .menu--ama .menu__item {font-size: .8em;}
        .larger-h4 {    font-size: 2.5em;}
        .blink{    width: 22px;}
        #moving  {right: 0;     margin-top: -65px; }
        #move-it {left: 2%; }
/*        #moving-1 {   margin-top: -120px;   }*/
        #block {left: 90%;}
        #telescope {left: 93%; margin-top: 30px; }
        #set-square {left: 2%; }
        #beaker {  left: 0%;margin-top: -100px; }
        #setting {  left: 0%;margin-top: -100px; }
        .right-fly {margin-top: -120px;}
        .taxonomy-section { PADDING-TOP: 0px;    margin-top: -40px;}
        .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 { height: 70px;     }
        .num-one h1 {    font-size: 4em;}
        .num-one h4 {   padding-left: 35px;}
        .num-one p { padding-left: 46px;    padding-right: 20px;}
        
        
/*    why hitech page    */    
        .bg-black { height: 1050px;}
        .wire-bg {height: 760px;}
        img.header-img{width: 40%;}
        .margin-top-150 {  margin-top: 120px;}
        .padding-left-135 {  padding-left: 75px;}
        .ict-bg {   height: 444px;      width: 510px;}
        .buttons-1 {  font-size: 1.5em;}
        .buttons-2 {  width: 95%;     font-size: 1.5em;}        
        .buttons-3 {font-size: 1.5em;}
        .small-h5 { font-size: 1.1em;}
        
        /*        Program page    */
        .box7 {  margin-top: -60px;}
        .box9 { margin-top: -60px;}
        .bg-orange-kid2 {  height: 860px;}
        .kid-1, .bg-kid-1 {height: 475px;}
         .workroom-section .padding-top-80 {  padding-top: 15px;}
        .smaller-h2 {  font-size: 2em!important;}
        .smaller-h4 { font-size: 1.3em;}
        
        /* career page */
        #career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3, #career-form .input-bg-4 {width: 70%;}
        
        /*        contact page    */   
        .input-bg-1,.input-bg-2,.input-bg-3, .input-bg-4 {padding: 0}
        .submit-button {  margin-top: 0px;}
        .input-bg-4 {height: 108px;}
        .submit-button {width: 50%;}
        form {  padding-top: 55px;}
    }

@media screen and (max-width:1080px) {
    
   h1 {font-size: 3.2em;}
   h2 {    font-size: 3em;}
   h3 {    font-size: 2.6em;}
   h4 {    font-size: 2.15em;}
   h5 {    font-size: 1.55em;}
   h6 {    font-size: 1.15em;}
    
   .bg-orange-kid2 .padding-top-80 {padding-top: 22px;}
/*    .bg-purple.program-purple, .binary-bg.program-binary-bg {height: 835px;}*/
/*    .kid-1 {height: 640px;}*/
    .bg-orange-kid2 { height: 750px;}
/*    .smaller-h4 {    font-size: 1.8em!important;}*/
    
}


    @media screen and (max-width:1024px) {
        .menu--ama .menu-bg {   width: 16%;}
        .margin-top-80 {  margin-top: 70px;}
        .logo img {width: 140px;padding: 15px 0 0 0; }  
        .menu--ama { width: 70%;}  
        .anim-slide .spiral{padding: 0 80px}
        .anim-slide img {  width: 40%;}
        .anim-slide #text1 {margin-top: 45px;     font-size: 1.2em;}
        .anim-slide #text2 {margin-top: 95px;    font-size: 1.4em;}
        .anim-slide #text5 {margin-top: 145px;    font-size: 2.7em;}
        .anim-slide #text8 {margin-top: 220px;    font-size: 1.4em;}
        .banner-slide {width: 70%;}
        h1 {font-size: 3em;}
        h2 {font-size: 2.7em;line-height: 1!important}
        h3 {font-size: 2.3em;}
        h4 {font-size: 2em;}
        h5 {font-size: 1.5em;line-height: .8!important;}
       .bg-red .padding-top-40 {  padding-top: 85px;}
        .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {    background-size: 60%;}
        .c-section .padding-top-30{padding-top: 30px}
        .smaller-h2 { font-size: 2.1em!important;}
/*        .bg-red {height: 850px;}*/
/*        .bg-yellow {height: 800px;}*/
/*        .binary-bg, .bg-purple { height: 1000px;}*/
/*        .binary-bg, .bg-purple { height: 930px;}         */
        .blink{    width: 15px;}
        #block2, #telescope2,#block3, #fling-it, #moving-1, #beaker, #telescope, #set-square, #move-it, #block, #fly-it, #moving {  display: none;}
        .c-section img { width: 30%;}
        .taxonomy-section .margin-top-0 {margin-top: 10px;}
        .taxonomy-section .margin-bottom-0 {margin-bottom: 10px;}
        
        .num-one h1{  font-size: 3em;}
        .num-one h4 {  font-size: 1.7em;}
/*        .focus img, .focus-1 img { width: 65px;  padding-top: 25px;}*/
/*        .process img {    width: 28px;    padding-left: 2px;}*/
        .smaller-1-h4 {     font-size: 1em!important;}
        .taxonomy-section {PADDING-TOP: 45px;}
        .larger-h4 { font-size: 2.15em;}
        .bg-yellow.margin-top-40 { margin-top: 0PX;}
        
      /*        whyhitech page    */  
/*        .header-img{width: 45%}*/
        .bg-red.orange-2 {  height: 765px;}
        img.header-img {  width: 50%;}
        .program-section .header-img {  width: 35%;}
        .hitech-2 .padding-top-50{padding-top: 0}
        .h1-small { font-size: 1.8em!important; line-height: 15px!important;}
/*        .h1-small {  font-size: 2.5em!important;}*/
        .h5-small { font-size: 1.25em!important;}
        .h2-small {  font-size: 1.75em!important;}
/*        .smaller-h4 { font-size: 1em!important;}*/
        .bg-black { height: 1000px;  }
/*        .bg-purple.purple-3 {   height: 990px;}*/
/*       .bg-purple.purple-3 {     height: 950px;}*/
        .right-fly { height: 150px;     margin-top: -115px;}
         .small-h5{    font-size: 1em;}
        .padding-left-135 {    padding-left: 70px;}
        .blackboard-bg ul {    width: 100%;}
        .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {padding-left:80px;margin-top:5px;}
        .blackboard-bg {   height: 765px;     background: url(../img/blackboard-mobile.jpg) bottom center no-repeat;background-size: cover;}
/*        .binary-bg-orange.binary-bg-2, .bg-red.orange-2 { height: 765px;}*/
        .h1-small {line-height: 30px!important;}
        .purple-3 h5{line-height: 1.5!important;}
        .padding-top-30{padding-top: 15px}
        .blackboard-bg .padding-top-30{padding-top: 40px}
        .ict-section.padding-top-60 { padding-top: 20px;}
        
    .face.back-green{background: none; display: none}
    .face.back-pink{background: none; display: none}
    .face.back-blue{background: none; display: none}
    #f1_card{    transform: none !important;}
    #f1_card .smaller-h4 p{    display: block; font-size: .7em; font-weight: 600;}
        
/*        program page    */
        .orange-box p, .white-box p {  font-size: .9em;}
       .white-box, .orange-box {height: 150px;}
        .box4 p.padding-top-80 { padding-top: 19px!important;}
        .box7 { margin-top: 0px;}
        .box9 { margin-top: 0px;}
        .margin-top-150 {  margin-top: 100px;}
        .padding-top-50 {padding-top: 25px;}
        .padding-top-80 { padding-top: 40px;}
        .box8 p.padding-top-60 { padding-top: 20px!important;}
        .box8 {  margin-top: 60px;    }
        
        
        
       .kid-1, .bg-kid-1 {  height: 555px;}
        #fade-up2.padding-top-80 {  padding-top: 15px;}
        .bg-orange-kid2 { height: 710px; padding-top: 0}
        .margin-top-50 {  margin-top: 25px;}
       .stages {   padding-top: 120px;}
       
        /* career page */
        .career-banner img {width: 40%;}
        
/*        contact us  */
        .submit-button { font-size: 1em;}
        .form-bg {    background-size: 92%;}
        .input-bg-1, .input-bg-2, .input-bg-3, .input-bg-4 { padding: 0 10px;}
        .input-bg-4 {  height: 120px;}
        form {padding-top: 90px;  width: 90%;   margin-left: 70px;}
        form .col-md-4, form .col-md-8 { padding: 0px 0;}
        .contact-bg h5{line-height: 1.5!important;}
        .spring-line {height: 470px;}
       .underline.email, .underline.phone, .underline.chennai, .underline {height: 50px;}
        
}
        
    

@media screen and (max-width:800px) {
    .menu--ama .menu__item {  font-size: 1em;}
    h5 { font-size: 1.5em; line-height:  1.4em!important;}
    body{background: url(../img/bg-img-tab.jpg) no-repeat fixed;}
     
    p{font-size: 1em;}
    .banner-slide {width: 100%;top: 70%;height: 586px;right: 0%;}
    .anim-slider {   height: 400px;}
    .anim-slide #text1 {margin-top: 25px;}
    .anim-slide #text2 {margin-top: 80px;}
    .anim-slide #text5 {margin-top: 135px;}
    .anim-slide #text8 {margin-top: 210px;}
    .anim-slide img {width: 80%;    left: 10%;}    
     .smaller-h2 { font-size: 2em!important;}
   
    .blink {    display: none}
/*    mobile menu */
    .menu--ama {float: right;      padding-right: 2%; width: 23%;  }
   .menu--ama .menu-bg{background: none;  padding-top: 1.2em;    height: 55px;  width: 100%;}

    
.mobile-menu.menu-open {
      width: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
/*      padding-right: -24px;*/
    position: absolute;
    top: 50px;
    margin-left: -20px;
    display: block;
    height: 80%;
    background: url(../img/menu-mob-bg.png) no-repeat top right;
    background-size: 25%;    
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mobile-menu {

    display: none;
   opacity: 1; left: 0;
 -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 
  -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#hamburger {
        width:30px;height:32px;  position: relative;webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;

}

#hamburger span {

     display: block; position: absolute; height:8px; width: 100%; background:url(../img/menu-mob-icon.png) no-repeat top center; background-size:100% 100%; 
}

#hamburger span:nth-child(1) {
    top: 0px;
}

#hamburger span:nth-child(2) {
    top: 12px;

}

#hamburger span:nth-child(3) {
    top: 12px;
}
    #hamburger span:nth-child(4) {
    top: 24px;
    }

#hamburger.open span:nth-child(1) {
     top: 12px; width: 0%; left: 50%;
}

#hamburger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#hamburger.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

 
#hamburger.open span:nth-child(4) {         top: 12px; width: 0%; left: 50%;
    }
div#hamburger {
    opacity: 1!important;
    visibility: visible;
    display: block;
    float: right;    margin: 15px;
        
}
    
      /*   end of mobile menu */ 
   
       #moving-1, #moving,#block, #telescope, #move-it, #set-square, #beaker{display: none}  
        .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {    background-size: 80%;}
        .copyrights { width: 80%;}
/*        .binary-bg,.bg-purple {    height: 1220px; }*/
        .bg-red { background: url(../img/bg-red-tab.jpg) no-repeat;     
/*            height:850px;*/
    }
        .process img {transform: rotate(90deg); float: none; width: 40px;height: 30px;margin-bottom: 10px;margin-top: 0px;}
        .process h4 {     text-align: center; float: none; font-size: 1.8em!important;}
        .footer-bg {background-size: 70%;}
        .larger-h4 {font-size: 2.3em!important;}
        .smaller-h2 { font-size: 2em;}
        .smaller-1-h4 {  font-size: 1.45em!important;}
        .left-fly { margin-bottom: -50px;}
        .left-fly, .right-fly { height: 90px;}
        .right-fly {margin-top: -45px;}
/*        .bg-yellow { height: 840px;}*/
/*        .focus-1, .focus {   text-align: center;}*/
        
/*        .bg-red.orange-2 { height: 350px;}*/
        .binary-bg-orange.binary-bg-2 { height: 350px;}
        .binary-bg-orange.binary-bg-2 .padding-top-80{padding-top: 15px}
        .c-section img {  width: 25%;}
        .taxonomy-section {padding-top: 0}
        .taxonomy img {     width: 150%;  margin-left: -25%;}
        .padding-top-40 {  padding-top: 20px;}
        .bg-red .padding-top-30 { padding-top: 15px;}
    .bg-yellow .bg-icon1 {  background-size: 30%;}
    
    /*    why hitech page    */  
        .bg-red.orange-2 { height: 355px;}
        .assure-section { padding: 8% 0;}
        .blackboard-bg ul {  width: 64%; padding-top:50px}
        .blackboard-bg { height: 700px;}
        .padding-left-135 {  padding-left: 100px;}
        .tri-button-heading .text-right{text-align: center}
/*        .bg-purple.purple-4 {height: 180px;}*/
        .buttons-1 {  width: 70%;}
/*        .bg-purple.purple-3 { height: 850px;}*/
        .bg-black { background-position: 100% 0%;  }
        .front-flip h4, .back-green h4, .back-pink h4, .back-blue h4 {  margin: 80px 0;}
        .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {  height: 120px;}
        .blackboard-bg .padding-top-30 { padding-top: 30px;}
/*        .bg-orange-kid2 {     height: 640px;}*/
/*        .bg-purple.purple-3 { height: 1000px;}*/
/*        .bg-black { height: 1050px;}*/
    
    
    
    /*    program page    */
    .col-sm-0 {display: none}
    .white-box, .orange-box { height: 180px;}
    .box3, .box1 { margin-top: 0px; margin-bottom: 0px;}
    .box2,.box4{margin-bottom: -40px; margin-top: 40px}
    .box10 {
    margin-top: 60px;
}
/*        .bg-purple.program-purple, .binary-bg.program-binary-bg { height: 670px;}*/
        .bg-orange-kid2 .padding-top-80 {padding-top: 16px;}
       .program-section.margin-top-150{margin-top: 30px}
/*        .kid-1, .bg-kid-1 {  height: 324px;}*/
        .num-one h4 {   padding-top: 25px; line-height: 1.5!important}
    
    
    /* career page */
    form#career-form { margin-left: 22%;    width: 65%;}
    #career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3, #career-form .input-bg-4 {width: 85%;}
    #career-form .submit-button {width: 50%;}
    
/*    contact us  */
    .contact-bg {height: 460px;background-size: 100% 55%;}
    .contact-icon {width: 15%}
    .underline.chennai { background-size: 45%; height: 55px;}
    .underline {background-size: 60%;height: 55px;}
    .underline.phone {background-size: 40%; height: 55px;}
    .underline.email { background-size: 35%;height: 55px;}
    .form-bg {background-size: 55%;     height: 530px;}
    .spring-line {   background: url(../img/spring-line.png) 75% 36% no-repeat;}
    form { width: 55%; margin-left: 215px; padding-top: 75px;}
/*    .bg-red.contact-us {height: 1100px;}*/
    .contact-us .padding-top-80{padding-top: 20px}
    label {  font-size: .8em;}
   .input-bg-2, .input-bg-3,  .input-bg-1 {padding: 0 12px;    font-size:.9em;}
    .input-bg-4{    padding: 15px 10px; font-size:.9em;}
}


@media screen and (max-width:768px) {
/*    .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 { background-size: 40%;}*/
        
/*    program page    */
/*    .bg-purple.program-purple, .binary-bg.program-binary-bg { height: 977px;}*/
/*    .kid-1, .bg-kid-1 {  height: 381px;}*/
/*    .blackboard-bg ul {  width: 66%;}*/
/*  .bg-red {height: 850px;}*/
    
   
    .underline.chennai {   background-size: 25%;}
.underline {
    background-size: 35%;}
.underline.phone {
    background-size: 25%;}
    
    .underline.email {
        background-size: 22%;}


}

@media screen and (max-width:640px) {
       h1 {   font-size: 2.8em; }
    h2 {   font-size: 2.5em; }
    h3 {   font-size: 1.95em;}
    h4 {   font-size: 1.55em;}
    h5 {   font-size: 1.5em;    line-height:}
    h6 {   font-size: 1.25em;}
        .menu--ama {  width: 28%;} 
        .mobile-menu.menu-open {background-size: 30%;}
        .anim-slide #text1 {   font-size: 1em;}
        .anim-slide #text8 , .anim-slide #text2 { font-size: 1.2em;}
        .anim-slide #text5 { font-size: 2.3em;}
    
   
    .bg-yellow .bg-icon1 {background-size: 30%;height: 70px;}
    .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {    background-size: 50%;}
    .process-section.padding-top-40{padding-top: 0}
    .padding-top-30.focus-points{padding-top: 0}

    
    /*    hitech page    */
    .padding-left-135 {  padding-left: 60px;}
   .blackboard-bg ul {  width: 70%;}
    .assure-section { padding: 11% 0;}
    .bg-black { height: 1080px;}
   .bg-red.orange-2, .binary-bg-orange.binary-bg-2 { height: 395px;}
    
    
    
/*    program page      */
    .white-box, .orange-box {  height: 225px;}
    .box8 {  margin-bottom: -60px;}
    .kid-1, .bg-kid-1 {  height: 310px;}
    .orange-box p, .white-box p {  font-size: 1em;     width: 50%;}
    .orange-box, .white-box {background-size: 80%;}
    
    
    
    .bg-orange-kid2 { height:  660px;}
    .smaller-h2 {line-height: 1.5!important;}
    .program-icon1, .program-icon2, .program-icon3, .program-icon4 { height: 200px;}
    .stages { padding-top: 100px;}
   .kid-1, .bg-kid-1 {  height: 310px;}
    
    /*career page*/
    form#career-form { margin-left: 10%; width: 80%;}
    
    
    
/*    contact us  */
     form {width: 65%;       padding-top: 65px; margin-left: 140px;}
    .underline { background-size: 35%;}
    .underline.chennai{    background-size: 25%;}
    .underline.phone { background-size: 20%;}
    .underline.email {  background-size: 25%;}
    .form-bg {  background-size: 70%;}
    .copyrights {  width: 25%;}
    
}

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

    
    .logo {   width: 40%;}
    .menu--ama {      width: 50%;}
     div#hamburger {margin: 15px 15px 0 0;}
    .menu--ama .menu__item-name {       padding-left: 30%;}
    .mobile-menu.menu-open{    height: 100%;  background-size: 40%; }
    .anim-slide img {    width: 70%;     left: 15%; }
    .anim-slide #text1 {    margin-top: 180px; }
    .anim-slide #text2 {    margin-top: 220px;  }
    .anim-slide #text5 {    margin-top: 260px;} 
    .anim-slide #text8 {    margin-top: 350px;}
    .banner-slide {    width: 85%;  top:12%; right:10%;}
    .anim-slide .spiral {    padding: 0 40px;}
    h1 {   font-size: 2.95em;  line-height: 45px!important;}
    h2 {   font-size: 2.1em; line-height: 1!important;}
    h3 {   font-size: 1.95em;}
    h4 {   font-size: 1.75em;}
    h5 {   font-size: 1.5em; line-height: 1.3!important;}
    h6 {   font-size: 1.25em;}
    .smaller-h2 { font-size: 1.8em!important;}
    .margin-right-30{margin-right: 0;}
    .c-section img {    width: 20%;}
    .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {    background-size: 60%;}
    .left-fly , .right-fly{display: none}
    .taxonomy-section {margin-top: 0px;}
    .bg-icon1.button {    background-size: 40%;}
    .taxonomy img { width: 175%;  margin-left: -40%;}
    
    .copyrights { width: 35%;}
    
   /*    HITECH page    */ 

    .assure-section { padding: 15% 0;}
    .linkto {  width: 100%;}
    .wire-bg { height: 800px;background-size: cover;}
    .bg-black {     background-position: 100% 15%;   height: 970px;}
    .bg-black .padding-top-80 {padding-top: 0}
    #f1_container {    height: 120px;}
    #f1_container h4.margin-top-80 {    margin-top: 50px;}
/*    .bg-purple.purple-4 {  height: 220px;}*/
    .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {   background-size: contain;}
    .blackboard-bg ul {   width: 100%;}
    .ict-bg {  height: 394px;  width: 420px;    background-size: contain;}
    .buttons-1 { width: 45%;padding-top: 30px;font-size: 1.4em;}
    
    .buttons-2 {     padding-left: 0%;padding-top: 15px;font-size: 1.4em;}
    .buttons-3 {  padding-top: 45px;  font-size: 1.4em;}
    .front-flip h4, .back-green h4, .back-pink h4, .back-blue h4 { margin: 45px 0;}
    .smaller-h4 {font-size: 1.2em!important;}
    .blackboard-bg .padding-left-135 {  padding-left: 80px;}
    .bg-red.orange-2, .binary-bg-orange.binary-bg-2 { height: 515px;}
    
    
    
/*    program page    */
    .orange-box, .white-box { background-size: 80%;}
    .white-box, .orange-box { height: 175px;}
    .orange-box p, .white-box p {  width: 60%;}
    
/*
    .white-box, .orange-box {  height: 225px;}
 .orange-box p, .white-box p {  font-size: 1em;}
    .box8 {  margin-bottom: -60px;}
    .kid-1, .bg-kid-1 {  height: 310px;}
*/
    .bg-orange-kid2 {height: 600px; background-size: 140%;}
   
    /*career page */
    #career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3, #career-form .input-bg-4 {width: 100%;}
    form#career-form {margin-left: 5%; width: 90%;}
    
    
    
    
    .benefits-content   .padding-top-200 { padding-top: 135px;}
    .contact-bg {background-size: 100% 35%;}
    form { width: 100%;      height: 550px;   padding-top: 70px; margin-left: 55px;}
    .form-bg {background-size: 95%;}
    .underline.email, .underline.phone, .underline, .underline.chennai {     height: 40px;}
    .underline.phone { background-size: 25%;}
/*    .submit-button {  margin-top: 45px;}*/
    
}

@media screen and (max-width:414px) {
/*    .bg-red {  height: 980px;}*/
/*    .binary-bg, .bg-purple {  height: 1430px;}*/
    .bg-icon1.button { background-size: 50%;    height: 75px;}
    .binary-bg-orange.binary-bg-2, .bg-red.orange-2 {  height: 500px;}
    .ict-bg { height: 394px;   width: 380px;}
    .buttons-1 {padding-top: 60px;}
    .buttons-1, .buttons-2, .buttons-3 {   font-size: 1.25em;}
    .buttons-2 {padding-top: 0px;}
    .buttons-3 { padding-top: 30px;}
/*    .bg-purple.purple-3 { height: 1170px;}*/
    .kid-1, .bg-kid-1 { height: 272px;}
/*    .submit-button { margin-top: 30px;}*/
    .input-bg-4 { height: 110px;}
    form {  width: 90%;}
    
    }
@media screen and (max-width:360px) {
    .menu--ama {  width: 62%;}
    .mobile-menu.menu-open {background-size: 50%;}
    .margin-top-150 { margin-top: 75px;}
    h1 {   font-size: 2.35em;}
    .logo img {   width: 120px;}
    .anim-slide img { width: 80%;  left: 10%;}
    .banner-slide {  width: 98%; top: 10%; right: 0;}
    .footer-bg {height: 460px;}
    .anim-slide .spiral {     padding: 0; }
    .anim-slide #text1 {  margin-top: 150px;}
    .anim-slide #text2 { margin-top: 180px;   }
    .spiral-2{  padding: 0 50px;}
    .anim-slide #text5 { margin-top: 230px;  }
    .anim-slide #text8 {  margin-top: 320px;}
/*    .bg-red {  height: 1280px;}*/
    .c-section img {  width: 35%;}
    .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {  background-size: 90%;}
/*    .binary-bg, .bg-purple { height: 1760px;}*/
/*    .bg-yellow { height: 1000px;}*/
    .num-one h1 {padding-left: 0px;}
    .bg-icon1.button { background-size: 60%;}
    .ict-bg { height: 303px;   width: 335px;}
    .buttons-1 {  padding-top: 40px;  width: 35%; font-size: 1.25em;}
    .buttons-2 {  padding-top: 5px;  font-size: 1.25em;}
     .buttons-3 { padding-top: 20px;  font-size: 1.15em;}
    


    #f1_container h4.margin-top-80 {  margin-top: 30px;}
    .h1-small {line-height: 35px!important;}
    .front-flip h4, .back-green h4, .back-pink h4, .back-blue h4 {  margin: 25px 0;}
    .bg-black {  background-position: 100% 25%;     height: 1140px;}
    .taxonomy img {  width: 200%;  margin-left: -55%;}
       .small-h5 {  font-size: .8em;}
    .blackboard-bg .padding-top-30 {  padding-top: 30px;}
    .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {  height: 80px;}
   
    
    /*    program page*/
    .orange-box p, .white-box p {
    width: 80%;
}
    .orange-box, .white-box {background-size: 100%;}
    .white-box, .orange-box { height: 180px;}
     .blackboard-bg .padding-left-135 {  padding-left: 60px;}   
/*    .bg-purple.program-purple, .binary-bg.program-binary-bg { height: 1080px;}*/
    .binary-bg-orange.binary-bg-2, .bg-red.orange-2 { height: 620px;}
    .assure-section { padding: 18% 0;}
    .bg-orange-kid2{background:url(../img/orange-bg-kid2-mobile.png) bottom center no-repeat; height: 750px;
    background-size: 140%;}

    .blackboard-bg {  height: 780px;}
    .kid-1, .bg-kid-1 { height: 284px;}
    article .padding-top-200 {  padding-top: 100px;}
    
    /*career page*/
    form#career-form {margin-left: 5%; width: 95%;}
   #career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3 {height: 50px;}
    
    .form-bg {background-size: 100%;    height: 500px;}
    form { width: 90%;     padding-top: 75px;  margin-left: 40px;}
/*    .submit-button { margin-top: 15px;}*/
/*    .bg-red.contact-us { height: 1370px;}*/
    
    label{margin-bottom: 0!important;     font-size: .7em;}
    .input-bg-2, .input-bg-3, .input-bg-1{    height: 35px;font-size: .8em;}
 
    .input-bg-4 {  font-size: .8em;    height: 100px;}
    .submit-button { margin-top: -5px;}
    
    
}



/*    media 320 */
    @media screen and (max-width:320px) {
    h1 {font-size: 2em;    }
    h2 {font-size: 1.9em; line-height: 1.5!important;margin-top: 0!important;   }
    h3 {font-size: 1.75em;    }
    h4 {font-size: 1.55em;    }
    h5 {font-size: 1.25em;  letter-spacing: 2px  }
    h6 {font-size: 1.12em;    }
    .larger-h4.line-height-2 {font-size: 1.55em!important;}
    .larger-h4 {    font-size: 1.55em!important;}
    p{padding-top: 5px}
    .menu--ama {    width: 75%;    float: right;}
  
    .menu--ama .menu__item-name {       padding-left: 30%;}
    .mobile-menu.menu-open{    height: 70%;  background-size: 60%;  top: 65px!important;}
    
    .banner-slide {    width: 90%;    right: 5%;}
    
    .anim-slide img {  width: 60%;  left: 20%;}
   .anim-slide .spiral { padding: 0 25px;}
    .anim-slide #text1 {    margin-top: 120px;     font-size: 1.1em!important;}
    .anim-slide #text2 {    margin-top: 150px;     font-size: 1.2em!important;}
    .anim-slide #text5 {    margin-top: 195px;     font-size: 2em!important;}
    .anim-slide #text8 {    margin-top: 265px;     font-size: 1.2em!important;}
    .blackboard-bg .padding-top-30 {  padding-top: 15px;}
    .taxonomy img {  width: 290%; margin-left: -95%;}
    .assure-bg-1, .assure-bg-2, .assure-bg-3, .assure-bg-4, .assure-bg-5, .assure-bg-6 {height: 65px;}  
    .small-h5 {  font-size: 1em;} 
    .padding-left-135 {  padding-left: 50px;}
/*    .bg-red {    height: 1090px;}*/
/*    .bg-yellow {    height: 1010px;}*/
    .num-one h4 { font-size: 1.25em;}
    .bg-icon1.button {    background-size: 60%;}
/*    .smaller-h4 {    font-size: 1.2em!important;}*/
/*    .binary-bg, .bg-purple {height: 1510px;  }*/
    .bg-icon1, .bg-icon2, .bg-icon3, .bg-icon4 {    background-size: 80%;}
    .left-fly,  .right-fly {    background-size: 50%;  }
    .copyrights {  width: 50%;}    

/*       hitech page   */
    .assure-section {  padding: 14% 0;}
    .binary-bg-orange.binary-bg-2, .bg-red.orange-2 { height: 645px;}    
    .blackboard-bg {height: 680px;}   
    .blackboard-bg ul { width: 90%;}
    .blackboard-bg .padding-left-90 { padding-left: 50px;}    
/*    .bg-purple.purple-3 {height: 1320px;}    */
        .linkto .buttons-1 {padding-top: 5px;width: 50%;  }
     .buttons-1, .buttons-3,   .buttons-2{font-size: 1em; }
        
    .smaller-h2 {     line-height: 1.8!important;}
   .ict-bg {  height: 263px;  width: 290px;}
        .kid-1, .bg-kid-1 {   height: 234px;} 
        .white-box, .orange-box {height: 160px;}
        .orange-box p, .white-box p { font-size: 0.9em;}
        .bg-black {  height:1170px;    background-position: 100% 32%;}
        .front-flip h4, .back-green h4, .back-pink h4, .back-blue h4 {  margin: 25px 0;}
        .stages {padding-top: 115px; }
        .program-icon4, .program-icon3, .program-icon2,.program-icon1 {height: 230px;background-size: 70%;}
        .smaller-h2 {  font-size: 1.18em!important;}
        .program-binary-bg .padding-top-60{    padding-top: 5px;}
        #f1_container .smaller-h4{font-size: .9em!important;}
        
        /* career page*/
        #career-form .input-bg-1, #career-form .input-bg-2, #career-form .input-bg-3 { height: 40px; font-size: .9em;}
        
        
/*    contact-us      */
        .contact-bg {  background-size: 200%;}
/*    .bg-purple.program-purple, .binary-bg.program-binary-bg { height: 990px;}*/
    .input-bg-1, .input-bg-2,.input-bg-3, .input-bg-4 {    width: 100%;    background-size: 95%;}
    form {width:103%;     margin-left: 30px; padding-top: 55px;}
    .form-bg {     background-size: 105%;   height: 425px;}
    .submit-button {  width: 60%;  margin-left: 10px;}
    .contact-us .padding-top-80 { padding-top: 10px;}
    .contact-bg h5 { font-size: 1.28em;   }
    .spring-line { height: 470px;}
    .spring-line .padding-top-60 { padding-top: 30px }
    .input-bg-2, .input-bg-3, .input-bg-1 {  padding: 0 30px;    font-size: .7em;}
    .input-bg-1, .input-bg-2, .input-bg-3, .input-bg-4 { width: 85%; background-size: 70%;}
    .input-bg-4 { font-size: .7em; height: 70px;    padding: 8px 30px;}
    .underline.chennai {  background-size: 45%;}
        .underline { background-size: 60%;}
        .underline.phone { background-size: 40%;}
        .underline.email { background-size: 35%;}
/*        .bg-red.contact-us { height: 1300px;}*/
        
}