@media only screen and (max-width:480px){
.banner-caption-bottom > h5 > a{
 font-size:36px;
 background-color:white;
 padding:7px 15px;
 margin-left:20px!important;
 display:inline-block;
}
.logo-section > a > img {
    height: 56px;
}
    .slider-section-bg {
        position: relative;
        width: 100%;
        height: 100vh;
        padding: 0px;
        background: url(../img/slider/slider2.jpg);
        background-position: center center;
        background-size: cover;
        margin: 0px;
    }
.logo-section2 > a > img {
    border: 1px solid green;
    position: relative;
    margin: 5px 0px;
    display: inline-block;
}

.left-format {
    display: table-cell;
    width: 77px;
    padding: 2px 8px;
}
.right-format {
    padding: 8px 4px;
    border-left: 2px solid #dbd9d9;
}

.design-format .right-format > p{
  font-size:13px;
  color:#333;
 }
 
.service .item{
	 width:100%;
	 /*height:220px;*/
	}
	.service .item >  a > img{
	  width:100%;
	 height:100%; 
	}
	
 .heading-head  h4{
   font-size:40px;
 }
  .elementor-content-box .program-inner .programe-head > h4{
	font-size:30px;
  }
  .exl-desc > h5    {
	font-size:2em;
 }
  .curiculum-bg > h4{
	font-size:40px;
 }
  .more-content .more-content-head       h4{
    font-size:40px;
 }
 .experience-content-in > h5 {
    font-size:30px;
}
.experience-slider-content {
    padding: 20px 10px 20px 10px;
    background-color: #6d3e82;
}
.curiculum-bg{
   width:100%;
   height:100%;
   padding:50px 0px 50px 20px!important;
 }
 .curiculum-box{
  padding:0px 0px!important;
 }

 slider-section-bg {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0px;
    background: url(../img/slider/mobile-banner.jpg);
    background-position: left center;
    background-size: cover;
    margin: 0px;
}
#logo1{
     display:none;
 }
 #logo2{
     display:none;
 }
 #logo3{
     display:none;
 }
 #logom{    margin-top: -46px;
    margin-left: 60px;}
 #logom{ display:block;}

#logon{ display:block;}
#desk{display:none;}
#mobm{display:block;}
#pbanner{display:none;}
#feature-icon {
    width: 100px;
    margin: 0px auto;
}

.herodiv {
        background-color:white;
        color:#6d3e82!important;
        
       
    }
    .heroh5 {
        font-size:40px!important;
        color:#6d3e82!important;

    }
    .herohdiv2 {
       padding:0px;

    }
    .bannertextm{
        display:none;
    }
    .bannertext {
    display:block;
    }
    .experience-slider-image1 {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0px 0px;
    margin: 0px auto;
    overflow-x: scroll;
}
    .imgheight{height: 200px;}

/*css*/
.banner-caption-bottom > h4{
 margin-left:20px!important; 
  font-size:15px;
}
.banner-caption-bottom > h4 > span{
 font-size:10px;
}

.contact-form-in{
	 background-color:#F0F0F0!important;
	 padding:20px 20px!important;
	 width:100%;
	 position:relative;
	}

	.footer-form-attr{
  display:block!important;
 }
.contact-box-wrap{
	padding:0px 0px 0px 0px!important;
	position:relative!important;
	bottom:0%;
	width:100%!important;
	transform:translatex(0px)!important;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	right:0;
	z-index:999;
	}
	
	.contact-form-in > .form-heading{
	  display:none!important;
	}
	
	

.banner-caption-bottom {
  position:relative;
  width:100%;
  top:50%!important;
  transform:translatey(-50%)!important;
}

.banner-caption-bottom >  p{
 font-size:8px;
  margin:30px 0px 30px 20px!important;
}


.img-fluid-hw{
    height:100%;
     width:100%;
}
.button-click{
    display:none;
}
}

@media only screen and (max-width:576px){
.banner-caption-bottom > h5 > a{
 font-size:36px;
 background-color:white;
 padding:7px 15px;
 margin-left:20px!important;
 display:inline-block;
}
.logo-section > a > img {
    height: 56px;
}
    .slider-section-bg {
        position: relative;
        width: 100%;
        height: 100vh;
        padding: 0px;
        background: url(../img/slider/slider2.jpg);
        background-position: center center;
        background-size: cover;
        margin: 0px;
    }
.logo-section2 > a > img {
    border: 1px solid green;
    position: relative;
    margin: 5px 0px;
    display: inline-block;
}

.left-format {
    display: table-cell;
    width: 77px;
    padding: 2px 8px;
}
.right-format {
    padding: 8px 4px;
    border-left: 2px solid #dbd9d9;
}

.design-format .right-format > p{
  font-size:13px;
  color:#333;
 }
 
.service .item{
	 width:100%;
	 
	}
	.service .item >  a > img{
	  width:100%;
	 height:100%; 
	}
	
 .heading-head  h4{
    font-size: 28px;
 }
  .elementor-content-box .program-inner .programe-head > h4{
	font-size:24px;  
  }
  
  .elementor-content-box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    background: #6d3e82;
    box-sizing: border-box;
}

.program-list ul > li > h2 {font-size:16px;}
.container {padding-left:0px;}

  .exl-desc > h5    {
	font-size:2em;
 }
  .curiculum-bg > h4{
	font-size:26px;
 }
 .curiculum-bg > h4 br{ display:none;
 }
 .curiculum-bottom {
    margin: 20px 0px 0px 0px;
}
 
  .more-content .more-content-head       h4{
    font-size:40px;
 }
 .experience-content-in > h5 {
    font-size:30px;
}
.experience-slider-content {
    padding: 20px 10px 20px 10px;
    background-color: #6d3e82;
}
.curiculum-bg{
   width:100%;
   height:100%;
   padding:50px 0px 50px 20px!important;
 }
 .curiculum-box{
  padding:0px 0px!important;
 }

 slider-section-bg {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0px;
    background: url(../img/slider/mobile-banner.jpg);
    background-position: left center;
    background-size: cover;
    margin: 0px;
}
#logo1{
     display:none;
 }
 #logo2{
     display:none;
 }
 #logo3{
     display:none;
 }
 #logom{    margin-top: -46px;
    margin-left: 60px;}
 #logom{ display:block;}

#logon{ display:block;}
#desk{display:none;}
#mobm{display:block;}
#pbanner{display:none;}
.herodiv {
        background-color:white;
        color:#6d3e82!important;
        
       
    }
    .heroh5 {
        font-size:40px!important;
        color:#6d3e82!important;

    }
    .herohdiv2 {
       padding:0px;

    }
    .bannertextm{
        display:none;
    }
    .bannertext {
    display:block;
    }
    .experience-slider-image1 {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0px 0px;
    margin: 0px auto;
    overflow-x: scroll;
}
    .imgheight{height: 200px;}

    .more-wrap-m {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px 0px;
}
.experience-image {
    background-color: white;
    width: 100%;
    padding: 25px 17px;
    margin: 20px 0px;
    margin-top: -50px;
}


.img-fluid-hw{
    height:100%;
     width:100%;
}
.button-click{
    display:none;
}

}

/*@media only screen and (max-width:750px){
.banner-caption-bottom > h5 > a{
 font-size:36px;
 background-color:white;
 padding:7px 15px;
 margin-left:20px!important;
 display:inline-block;
}
.logo-section > a > img {
    height: 56px;
}
    .slider-section-bg {
        position: relative;
        width: 100%;
        height: 100vh;
        padding: 0px;
        background: url(../img/slider/slider2.jpg);
        background-position: center center;
        background-size: cover;
        margin: 0px;
    }
.logo-section2 > a > img {
    border: 1px solid green;
    position: relative;
    margin: 5px 0px;
    display: inline-block;
}

.left-format {
    display: table-cell;
    width: 77px;
    padding: 2px 8px;
}
.right-format {
    padding: 8px 4px;
    border-left: 2px solid #dbd9d9;
}

.design-format .right-format > p{
  font-size:13px;
  color:#333;
 }
 
.service .item{
	 width:100%;
	 
	}
	.service .item >  a > img{
	  width:100%;
	 height:100%; 
	}
	
 .heading-head  h4{
   font-size:40px;
 }
  .elementor-content-box .program-inner .programe-head > h4{
	font-size:30px;
  }
  .exl-desc > h5    {
	font-size:2em;
 }
  .curiculum-bg > h4{
	font-size:40px;
 }
  .more-content .more-content-head       h4{
    font-size:40px;
 }
 .experience-content-in > h5 {
    font-size:30px;
}
.experience-slider-content {
    padding: 20px 10px 20px 10px;
    background-color: #6d3e82;
}
.curiculum-bg{
   width:100%;
   height:100%;
   padding:50px 0px 50px 20px!important;
 }
 .curiculum-box{
  padding:0px 0px!important;
 }

 slider-section-bg {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0px;
    background: url(../img/slider/mobile-banner.jpg);
    background-position: left center;
    background-size: cover;
    margin: 0px;
}
#logo1{
     display:none;
 }
 #logo2{
     display:none;
 }
 #logo3{
     display:none;
 }
 #logom{    margin-top: -46px;
    margin-left: 60px;}
 #logom{ display:block;}

#logon{ display:block;}
#desk{display:none;}
#mobm{display:block;}
#pbanner{display:none;}
}*/
@media only screen and (max-width:376px){
slider-section-bg {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0px;
    background: url(../img/slider/mobile-banner.jpg);
    background-position: left center;
    background-size: cover;
    margin: 0px;
}
#desk{display:none;}
#mobm{display:block;}
#pbanner{display:none;}
}

/*@media only screen and (max-width:786px){
 .banner-caption-bottom > h4{
 margin-left:20px!important; 
  font-size:40px;
}
.banner-caption-bottom > h4 > span{
 font-size:10px;
}

.contact-form-in{
	 background-color:#F0F0F0!important;
	 padding:20px 20px!important;
	 width:100%;
	 position:relative;
	}

	.footer-form-attr{
  display:block!important;
 }
.contact-box-wrap{
	padding:0px 0px 0px 0px!important;
	position:relative!important;
	bottom:0%;
	width:100%!important;
	transform:translatex(0px)!important;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	right:0;
	z-index:999;
	}
	
	.contact-form-in > .form-heading{
	  display:none!important;
	}
	
	

.banner-caption-bottom {
  position:relative;
  width:100%;
  top:50%!important;
  transform:translatey(-50%)!important;
}

.banner-caption-bottom >  p{
 font-size:30px;
  margin:30px 0px 30px 20px!important;
}
}*/
	 
@media only screen and (max-width:1200px){
.curiculum-box{
  padding:0px 30px!important;
 }
}

@media only screen and (min-width:992px){
.container{
 padding:0px 0px!important;
}
}

@media only screen and (max-width:992px){
.top-link ul  > li > a {
 font-size:13px!important;
 font-family:'Roboto',sans-sarif;
 color:black;
}

.curiculum-box{
  padding:0px 30px!important;
 }
.top-link ul  > li{
 margin:13px 1px 7px 1px!important;
 padding:0px 3px!important;
}
}