/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

    .nav-link{
    font-size:13px;
    }
    /*    stiky area start*/
    .icon-bar {
  position: fixed;
  top: 50%;
left:96%;
   z-index: 1;
  
}
/*    stikey area end*/ 
    
            
/*   offer area section start */
.offer_area h1{
position: absolute;
top:80px;
left:20%;
}
.particale_css{
position: absolute;
top:250px;
left:42%;
}

#particles-js{
width:100%;
height:65vh;
}
/*    offer area section end*/

    
    
/*notice area code start*/
.notice_area {
    background-color: #3a305d;
    padding: 0px 0;
    overflow: hidden;
    margin-bottom: -14px;
}

.notice_title {
    background-color:#3a305d;
    padding: 15px 0;
    position: relative;
}

.notice_title:after {
    content: "";
    clear: both;
    display: block;
    width: 37px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    right: -52px;
    top: -13px;
    transform: rotate(18deg);
}
.notice_title h5{

color:#fff;
    font-size:25px;
/*    font-family:sans-serif;*/
}


.notice_dec{
    background-color: #ed6637;
    padding: 0px 0;
    position: relative;
}

.notice_dec img{
width:10%;
}

.notice_description{
padding-top: 7px;
font-size: 18px;
color:#fff;
}



.notice_dec:after {
    content: "";
    clear: both;
    display: block;
    width: 22px;
    height: 86px;
    background-color: #ed6637;
    position: absolute;
    left: -9px;
    top: -10px;
    transform: rotate(18deg);  
}

.notice_dec:before {
    content: "";
    clear: both;
    display: block;
    width: 146px;
    height: 66px;
    background-color:#ed6637 ;
    position: absolute;
    top: -12px;
    right: -145px;
}


/*notice area code end*/
    
    
}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .logo img{
    width:25%;
}
    /*   menu area start */
    .nav-link{
    margin-top:5px;
    border-right:none;
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
    .nav-link:hover{
    margin-top:5px;
    background-color:#ed6637; 
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
.nav_home{
    border-left:none;
    margin-left:1px !important;
     padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
   color: rgba(255,255,255,.5);
/*    font-family:sans-serif;*/
}
/* menu area end	*/
    
    /*   reg button area start */
    
    .regn{
background-color:#027eba;
    color:#fff;
    width:25%;
    font-weight:600;
   margin:auto;
    display:block;
border:none;
animation: animate 
5.5s linear infinite;
}

    
/*   reg button area end */

    /*    stiky area start*/
    .icon-bar {
  position: fixed;
  top: 50%;
left:95%;
   z-index: 1;
  
}
/*    stikey area end*/ 
    
        
/*   offer area section start */
.offer_area h1{
position: absolute;
top:80px;
left:8%;
}
.particale_css{
position: absolute;
top:250px;
left:37%;
}

#particles-js{
width:100%;
height:65vh;
}
/*    offer area section end*/
    
    
    
    
/*notice area code start*/
.notice_area {
    background-color: #3a305d;
    padding: 0px 0;
    overflow: hidden;
    margin-bottom: -14px;
}

.notice_title {
    background-color:#3a305d;
    padding: 15px 0;
    position: relative;
}

.notice_title:after {
    content: "";
    clear: both;
    display: block;
    width: 37px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    right: -52px;
    top: -13px;
    transform: rotate(18deg);
}
.notice_title h5{

color:#fff;
    font-size:25px;
/*    font-family:sans-serif;*/
}


.notice_dec{
    background-color: #ed6637;
    padding: 0px 0;
    position: relative;
}

.notice_dec img{
width:10%;
}

.notice_description{
padding-top: 7px;
font-size: 18px;
color:#fff;
}



.notice_dec:after {
    content: "";
    clear: both;
    display: block;
    width: 22px;
    height: 86px;
    background-color: #ed6637;
    position: absolute;
    left: -9px;
    top: -10px;
    transform: rotate(18deg);  
}

.notice_dec:before {
    content: "";
    clear: both;
    display: block;
    width: 146px;
    height: 66px;
    background-color:#ed6637 ;
    position: absolute;
    top: -12px;
    right: -145px;
}


/*notice area code end*/
    
}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	
.logo img{
    width:40%;
}
/*   menu area start */
    .nav-link{
    margin-top:5px;
    border-right:none;
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
    .nav-link:hover{
    margin-top:5px;
    background-color:#ed6637; 
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
.nav_home{
    border-left:none;
    margin-left:1px !important;
     padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
   color: rgba(255,255,255,.5);
/*    font-family:sans-serif;*/
}
/* menu area end	*/
    /*   reg button area start */
    
    .regn{
background-color:#ed6637;
    color:#fff;
    width:30%;
    font-weight:600;
   margin:auto;
    display:block;
border:none;
animation: animate 
5.5s linear infinite;
}

    
/*   reg button area end */

    /*    stiky area start*/
    .icon-bar {
  position: fixed;
  top: 50%;
left:92%;
   z-index: 1;
  
}
/*    stikey area end*/
    
    
/*   offer area section start */
.offer_area h1{
position: absolute;
top:80px;
left:0%;
}
.particale_css{
position: absolute;
top:275px;
left:35%;
}

#particles-js{
width:100%;
height:70vh;
}
/*    offer area section end*/
    
    
    
    /*    model box start*/
    
    .modal-dialog {
   width:550px;
    margin: 1.75rem auto;
		}
        .popup_close{
background-color:red;
    color:#fff;
    padding: 2px 13px 10px 15px;
    border-radius: 50px;
    box-shadow: 1px 2px 6px 2px #999;
    position: absolute;
    left:93%;
    font-size:40px;
    top:-3%;
}
    
.popup_close:hover{
background-color:#ed6637;
    color:#fff;
    padding: 2px 13px 10px 15px;
    border-radius: 50px;
    box-shadow: 1px 2px 6px 2px #999;
    position: absolute;
    left:93%;
    font-size:40px;
    top:-3%;
}
/*    model box code end*/
    
    
/*notice area code start*/
.notice_area {
    background-color: #3a305d;
    padding: 0px 0;
    overflow: hidden;
    margin-bottom: -14px;
}

.notice_title {
    background-color:#3a305d;
    padding: 15px 0;
    position: relative;
}

.notice_title:after {
    content: "";
    clear: both;
    display: block;
    width: 37px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    right: -52px;
    top: -13px;
    transform: rotate(18deg);
}
.notice_title h5{

color:#fff;
    font-size:25px;
/*    font-family:sans-serif;*/
}


.notice_dec{
    background-color: #ed6637;
    padding: 0px 0;
    position: relative;
}

.notice_dec img{
width:10%;
}

.notice_description{
padding-top: 7px;
font-size: 18px;
color:#fff;
}



.notice_dec:after {
    content: "";
    clear: both;
    display: block;
    width: 22px;
    height: 86px;
    background-color: #ed6637;
    position: absolute;
    left: -9px;
    top: -10px;
    transform: rotate(18deg);  
}

.notice_dec:before {
    content: "";
    clear: both;
    display: block;
    width: 146px;
    height: 66px;
    background-color:#ed6637 ;
    position: absolute;
    top: -12px;
    right: -145px;
}


/*notice area code end*/
    
    .softwaretraining:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .studentsinternship:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .projecttraing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .graphic_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .digital_marketing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .mobile_application:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_development:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/



@media screen and (max-width: 576px) {
    .logo img{
    width:73%;
}
/*   menu area start */
    .nav-link{
    margin-top:5px;
    border-right:none;
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
    .nav-link:hover{
    margin-top:5px;
    background-color:#ed6637; 
    padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
}
    .nav_home{
    border-left:none;
    margin-left:1px !important;
     padding-top:5px !important;
    padding-left:20px !important;
    padding-bottom:5px !important;
    padding-right:20px !important;
   color: rgba(255,255,255,.5);
/*    font-family:sans-serif;*/
}
/* menu area end	*/
    
/*   reg button area start */
    
    .regn{
background-color:#ed6637;
    color:#fff;
    width:30%;
    font-weight:600;
   margin:auto;
    display:block;
border:none;
animation: animate 
5.5s linear infinite;
}

    
/*   reg button area end */
    
/*    stiky area start*/
    .icon-bar {
  position: fixed;
  top: 50%;
left:92%;
   z-index: 1;
  
}
/*    stikey area end*/
    
/*   offer area section start */
.offer_area h1{
position: absolute;
top:80px;
left:0%;
}
.particale_css{
position: absolute;
top:275px;
left:35%;
}

#particles-js{
width:100%;
height:70vh;
}
/*    offer area section end*/
 
/*job orinted section start*/
    .traning{
background-color:#330c3c;
    padding-top:60px;
    padding-bottom:60px;
}
/*    job orinted section end*/
    
/*    model box start*/
    
    .modal-dialog {
   width: 450px;
    margin: 1.75rem auto;
		}
    
    .popup_close{
background-color:red;
    color:#fff;
    padding: 2px 13px 10px 15px;
    border-radius: 50px;
    box-shadow: 1px 2px 6px 2px #999;
    position: absolute;
    left:93%;
    font-size:40px;
    top:-3%;
}
    
      .popup_close:hover{
background-color:#ed6637;
    color:#fff;
    padding: 2px 13px 10px 15px;
    border-radius: 50px;
    box-shadow: 1px 2px 6px 2px #999;
    position: absolute;
    left:93%;
    font-size:40px;
    top:-3%;
}
/*    model box code end*/
    

/*notice area code start*/
    
    .notice_area{
    display:none;
    }
    
/*notice area code end*/
    
    
/*   mobile notice code start */
    .mobile_notice_area{
    background-color:#ed6637;
    margin-bottom: -15px;
    }
    
    .mobile_notice_dec img{
    width:25%;
    }
/*   mobile notice code end */
    
    
    
    /*student area start*/
.student_img{
width:50%;
 margin:auto;
    display:block;
}


/*student area end*/
    
    .softwaretraining:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .studentsinternship:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .projecttraing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .graphic_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .digital_marketing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .mobile_application:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_development:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
}



/********* smole device ****/
@media screen and (min-width: 300px) and (max-width: 576px) {

/*   stacky image  code start*/
    
/*
    .icon-bar {
  position: fixed;
  top: 25%;
left: 98%;
   z-index: 1;
  
}

.icon-bar  img{
 width:100%;
border-top-left-radius: 20px;
    border-bottom-left-radius:20px;
}
*/
    
/*stacky image code end    */
    
/*    model box start*/
    
    .modal-dialog {
   width: 95%;
    margin: 1.75rem auto;
		}
    
    .popup_close{
background-color:red;
    color:#fff;
    padding: 2px 6px 6px 6px;
    border-radius: 50px;
    box-shadow: 1px 2px 2px 2px #999;
    position: absolute;
    left:93%;
    font-size:20px;
    top:-1%;
}
    
      .popup_close:hover{
background-color:#ed6637;
    color:#fff;
    padding: 2px 6px 6px 6px;
    border-radius: 50px;
    box-shadow: 1px 2px 2px 2px #999;
    position: absolute;
    left:93%;
    font-size:20px;
    top:-1%;
}
/*    model box code end*/    

/*    reg button code start*/
    .reg {
    background-color: #027eba;
    width: 60%;
    margin: auto;
    display: block;
    border: none;
    font-weight: 500;
    transition: all 1s linear;
}
/*    reh button code end*/
    
    
/*    regn button start*/
    .regn{
background-color:#ed6637;
    color:#fff;
    width:40%;
    font-weight:600;
   margin:auto;
    display:block;
border:none;
animation: animate 
5.5s linear infinite;
    transition: all 1s linear;
    display:none;
}
/*    reg button end*/
/*   cursor  efect code star*/
    .cursor{
    display:none;
    }
    .cursor2{
    display:none;
    }
/*    cursore efcet code end*/
    
    
    
    /*student area start*/
.student_img{
width:75%;
 margin:auto;
    display:block;
}


/*student area end*/
    
    
    /*   offer area section start */
.offer_area h1{
position: absolute;
top:80px;
left:8%;
}
.particale_css{
position: absolute;
top:275px;
left:32%;
}

#particles-js{
width:100%;
height:50vh;
}
/*    offer area section end*/
    
    
    
/*    all section headding code start*/
    .traning{
background-color:#330c3c;
    padding-top:25px;
    padding-bottom:45px;
}
    .services{
padding-top:45px;
padding-bottom:45px;
background: #fff;
}
    
    .whyarea{
    padding-top:45px;
    padding-bottom:45px !important;
    background-color:#0e2035;
}
    
    .work_process{
padding-top:60px;
padding-bottom:60px;
    
}
    
    .student_testimonial{
background-color:#0e2035;
padding-top:65px;
padding-bottom:45px;
}
    
    .client{
padding-top:65px;
padding-bottom:65px;
}
    
    .footer{
padding-top:65px;
padding-bottom:65px;
background-color:#000;
}
/*    all section headding code end*/
    
/*    footer area start*/
    
    .footer_services h4{
text-align:left !important;
border-bottom: 2px solid #027eba;
        margin-bottom:15px;
        margin-top:15px;
}
/*footer area end    */
   .softwaretraining:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .studentsinternship:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .projecttraing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .graphic_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .digital_marketing:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .mobile_application:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_design:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
       .website_development:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform:scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
    
    
/*for dark hedding start*/
.heading_dark{
color:#000;
font-weight:600;
font-size:35px;
text-align:center;
/*font-family:sans-serif;*/
}
/*end*/
/*for light  hedding start*/
.heading_light{
color:#fff;
font-weight:600;
font-size:35px;
text-align:center;
/*font-family:sans-serif;*/
}
/*end*/
    #block_only_small_screen{
    display:none;
    }
    
    

/*about page  code start*/


/*about page code end*/
}