
*{margin:0; padding:0; box-sizing:border-box;}

body{width:100%; overflow-x:hidden;font-family: system-ui;}

a{text-decoration:none; color:#000;}

img{max-width:100%;}


.contaner{width:100%; padding:15px 30px; margin:0 auto;}

.rw{display:flex; flex-wrap:wrap;}

.cl-md-1, .cl-md-2, .cl-md-20, .cl-md-3, .cl-md-4, .cl-md-5, .cl-md-6, .cl-md-8, .cl-md-9 .cl-md-12 .cl-xs-20{width:100%;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-weight: 700;   color: #0f75bc;}



/* ********************header---------------------------------------- */
.marginrw{padding: 10px;}
.logoimg{max-width: 100%; max-height: 100px; text-align: center;}
.logoimg img{height: 60px;}
.whatsno{text-align: center;}
.whatsno a{color: #428bca; text-decoration: none; font-size: 20px; font-weight: 600;}
.whatsno a:hover{text-decoration: underline;}
.whatsno i{font-size: 18px;    padding: 5px 7px; background: green; color: white; border-radius: 50%; margin-top: 10px;}

.phoneno{text-align: center;}
.phoneno a{color: #428bca; text-decoration: none; font-size: 20px; font-weight: 600;}
.phoneno a:hover{text-decoration: underline;}
.phoneno i{font-size: 18px;  padding: 5px 7px; background: #666; color: white; border-radius: 50%; margin-top: 10px;}
.logo2 img{height: 60px;}

.boost{background: #333; color: white; }


.avenir-next-lt-pro-bold-38.boost { font-family: calibri; font-size: 39px; padding-top: 30px;  padding-bottom: 30px;}

.courselist ul{list-style: none;}
.courselist ul li i{padding: 8px; background: black; border-radius: 50%; font-size: 20px; margin-top: 7px;}
.courselist ul li span{ margin-left: 10px;   font-size: 18px;}


.enquiryborder{    color: #fff; border-radius: 10px;  padding: 20px; margin-top: 73px; background: #1c58bf; box-shadow: 1px 1px 12px #aaa; border:1px solid #fff; width: 100%;}

.enquiryhead p{font-size:21px; font-weight: 500; text-align: center; padding: 0 10px;}

.enquiryhead p span{color: #FAD02F;}
.datacontrol{display: block;  width: 100%;  padding: 6px 12px;  font-size: 15px;  border: none; margin: 20px 0; height: 40px;  border-radius: 8px;}

.txtInput{border: none; width:40%; font-size:16px; height:40px; color:#000; padding: 10px;}


#mainCaptcha{text-align: center;   font-weight: 600; letter-spacing:2px;}





#refresh{ border: none; width:15%; font-size:14px; color:#000; height:30px; background-image:url("http://aptronnoida.in/ilp/images/xreload.png.pagespeed.ic.c3yOmsekUg.webp"); background-repeat:no-repeat; background-position:center}
.enqbutton{ padding: 0;  height: 40px; background-color: #E26F26; color: white; font-weight: bold;  border: 0;  width: 100%; font-size: 16px; border-radius: 10px;    margin-bottom: 15px;}
.marspan{margin-bottom: 30px;}


.bgplacement{background: #eee; padding-bottom: 30px;}

.placimg{max-width: 100%; max-height: 100%;}

.placimg img{height:150px; width: 300px;}

.mainhead{text-align: center; font-size: 28px;  padding: 20px 10px;}

.dot-seperator {min-height: 25px; margin-bottom: 20px; background-image: url("http://aptronnoida.in/ilp/images/symbols/x6.png.pagespeed.ic.wR4Q7Ejh_A.webp");  background-position: center; background-repeat: no-repeat;}

.gallarey{max-width: 100%; max-height: 100%; margin-bottom: 10px;}



.datahead{font-size: 24px;}
.datahead i{padding-right: 10px;}
.databorder{padding: 15px; border: 1.5px solid #ddd; border-radius: 10px; margin-bottom: 10px;}

.paragraph{font-size: 18px;  font-family: Arial; color: #666; padding: 10px; line-height: 25px;}

#datahead{margin: 25px;}

.datalist{font-size: 18px;  font-family: Arial; color: #666; padding: 10px 30px; line-height: 25px;}

.about{text-align: center; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;  font-size: 27px;  font-style: normal;  font-weight: 600; padding: 30px 15px;}

.landing-course-info { font-size: 50px;  color: #0f75bc; font-weight: 400;}
.aboutpara{    font-size: 15px;  color: #58585a;  font-weight: 600;}

.career{color: #0f75bc; font-size: 32px;  font-weight: 600;}

.center{text-align: center;}
.right{text-align: right; padding-top: 25px;}

.bgprogram{padding: 10px; text-align: center; color: #fff;  position: relative;  width: 100%; background-color: #054869;}

.avenir{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 30px; font-style: normal;  font-weight: 500; margin: 20px 0;}

.dot-seperator2 {min-height: 25px; margin-bottom: 20px; background-image: url("	http://aptronnoida.in/ilp/images/symbols/8.png");  background-position: center; background-repeat: no-repeat;}

.colimg{max-width: 100%; max-height: 100%;}
.colimg img{height: 130px;}
.colpara{  text-align: left;  padding-left: 20px;  font-size: 16px; padding-bottom: 15px;}

.rowmargin{margin-bottom: 15px;}


.cardborder{padding: 20px; border: 2px solid #EDEDED; border-radius: 5px;     margin-right: 20px;}

.student-c1{text-align: left; font-size: 18px; color: #666; line-height: 25px;}

.cardimg{max-width: 100%; max-height: 100%; text-align: center;}
.cardimg img{padding: 17px;  height: 146px;   border-radius: 50%;}
.imgname{text-align: center;  font-size: 20px;  color: #666;  font-weight: 500;}


.formimg{max-height: 100%; max-width: 100%; text-align: center;}
.formimg img{    margin-bottom: 18px;}

.formtitle{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 18px;  }

.bgtranform{background-color: rgba(0,0,0,0.8);     padding: 10px; text-align: center;  color: #fff;  position: relative;  width: 100%;}

.aptronbg{ font-size: 27px; color: #00CAEF;  }

.formcontrol{display: block;  width: 90%;  padding: 6px 12px;  font-size: 15px;  border: none; margin-bottom: 10px; height: 40px;  border-radius: 8px;}

.frmbutton{ padding: 0;  height: 40px; background-color: #FF5907; color: white; font-weight: bold;  border: 0;  width: 100%; font-size: 16px;}

.frmbutton i{margin-left:10px;}

.bgfooter{background-color: #141213; color: white;}

.footpad{margin-top: 15px; padding: 10px 0;}

.footpad p{font-size: 18px; font-weight: 500;  line-height: 26px;}

.borderfoot{border-bottom: 1px solid white; padding-bottom: 30px; }

.icop-bar a {display: block; border-top-left-radius: 5px; text-align: center; border-top-right-radius: 5px; padding: 10px 20px 10px 20px; transition: all .3s ease; font-size: 19px;
    text-decoration: none; font-weight: normal;}

.flip { background: #e34700; color: #fff!important; border: 1px solid #c2c2c2;}

.bgenquiry{ position: fixed;  top: 0;  width: 100%; height: 100%;   z-index: 999999; background: #00000033; display:none; }

.enqhead{display: flex;}

.enquiryflex{margin-top: -15px;}

.enqformbor{color: #fff; border-radius: 10px;  padding: 20px; margin: 75px auto; background: #1c58bf; box-shadow: 1px 1px 12px #aaa; border:1px solid #fff;
width: 360px;      }

.enqhead p{font-size:21px; font-weight: 500; text-align: center; padding: 0 10px;}

.enqhead p span{color: #FAD02F;}

.dataenq{display: block;  width: 100%;  padding: 6px 12px;  font-size: 15px;  border: none; margin: 20px 0; height: 40px;  border-radius: 8px;}


.enquirybtn{ padding: 0;  height: 40px; background-color: #E26F26; color: white; font-weight: bold;  border: 0;  width: 100%; font-size: 16px; border-radius: 10px;    margin-bottom: 15px;}


.copyright{margin: 20px auto; text-align: center;  font-size: 17px; font-weight: 500;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none;  }


.fixed-call a { display: block;   border-top-left-radius: 5px;    text-align: center;    border-top-right-radius: 5px;  padding: 10px 20px 10px 20px;
    transition: all .3s ease;    font-size: 19px;    text-decoration: none;    font-weight: normal;    background: #e34700; color: #fff;
    border: 1px solid #c2c2c2; min-width:150px;}








@media(min-width: 768px){
    
    .contaner{max-width:90%;}
    .cl-md-1{flex:0 0 8.666%; max-width:8.666%;}
    .cl-md-2{flex:0 0 16.666%; max-width:16.666%;}
    .cl-md-3{flex:0 0 25%; max-width:25%;}
    .cl-md-4{flex:0 0 33.333%; max-width:33.333%;}
    .cl-md-5{flex:0 0 41.666%; max-width:41.666%;}
    .cl-md-6{flex:0 0 50%; max-width:50%;}
    .cl-md-8{flex:0 0 66.666%; max-width:66.666%;}
    .cl-md-9{flex:0 0 75%; max-width:75%;}
    .cl-md-12{flex:0 0 100%; max-width:100%;}
    
    .mb-show{display:none;}  
    
    .gallarey img{width: 95%;}

    .icop-bar { position: fixed; right: 0; top: 45%; z-index: 10; margin-right: -52px; transform: rotate(270deg);}
    
    .fixed-call{display:none;}
}


@media(max-width: 768px){

.logo2{display: none;}

.whatsno{text-align: left;}

.cl-xs-6{flex:0 0 50%; max-width: 50%;}

.whatsno i , .phoneno i {font-size: 17px; padding: 3px 4px;}    

.phoneno a, .whatsno a {font-size: 16px; font-weight: bold;}

.enquiryborder {    margin-top: 30px;  width: 100%; margin-bottom: 20px;}

.avenir-next-lt-pro-bold-38.boost {font-size: 20px;}

.placimg{text-align:center;}

.placimg img { padding-bottom: 25px; height:auto;}

.mainhead {font-size: 32px; }

.videos{padding-bottom: 20px;}

.datahead { font-size: 18px;}

.datalist {padding: 10px 15px;}

.aptronnoida{ transform: rotate(90deg); margin-left: 0; height: 133px;}

.right { text-align: center;  padding-top: 0;}

.center { margin-bottom: 20px;}

.colpara {text-align: center; padding-bottom: 10px;}

.teacher{margin-bottom: 30px;}

.colimg img {height: 100px;}

.formtitle {margin-bottom: 20px;}
.formcontrol {width: 100%;}

.enqformbor {width: 100%; margin-left: 0;}

.cardborder{margin-right:0; margin:10px 0;}

.videos{text-align:center;}

.gallarey{text-align:center;}

.icop-bar { position: fixed; right: 0; bottom: 0; z-index: 10;}

.fixed-call{bottom: 0;    position: fixed;    left: 0;}

}
