images changes and compress
This commit is contained in:
292
assets/css/my.css
Normal file
292
assets/css/my.css
Normal file
@@ -0,0 +1,292 @@
|
||||
/*--------------------------------------------------------------
|
||||
# Back to top button
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
.card_first .col-lg-2 {
|
||||
width: 300px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
#more {
|
||||
display: none;
|
||||
}
|
||||
#more1 {
|
||||
display: none;
|
||||
}
|
||||
#more2 {
|
||||
display: none;
|
||||
}
|
||||
#more3 {
|
||||
display: none;
|
||||
}
|
||||
.pq {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.card-body-5 {
|
||||
padding-bottom: 5.3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 430px) {
|
||||
.qwq p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.new1 {
|
||||
margin-top: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.a6 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 5%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.a5 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
}
|
||||
.a5 iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.a8 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 90%;
|
||||
}
|
||||
.a8 iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 430px) {
|
||||
.find h1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.find1 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1460px) {
|
||||
.card_first .col-lg-2 {
|
||||
width: 250px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.card-body-3 {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.card-body-4 {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1210px) {
|
||||
.card_first .col-lg-2 {
|
||||
width: 190px;
|
||||
padding: 0px;
|
||||
}
|
||||
.card-body {
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
.card_first p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.card-body-5 {
|
||||
padding-bottom: 4.3rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.card_first .col-lg-2 {
|
||||
width: 300px;
|
||||
margin: auto;
|
||||
}
|
||||
.card-body-5 {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
.card-body-1 {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
}
|
||||
.accordion-tab > .accordion-toggle {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion-tab > label {
|
||||
color: blue;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
hover:label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion-tab > .accordion-content {
|
||||
max-height: 0;
|
||||
transition: all 0.4s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.accordion-tab > toggle1:after {
|
||||
position: absolute;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.accordion-tab > .accordion-toggle:checked ~ .accordion-content {
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.accordion-tab > .accordion-content p {
|
||||
color: aliceblue;
|
||||
}
|
||||
/*-------------------KOLKATA----------*/
|
||||
@media (max-width: 770px) {
|
||||
.k1 p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.k1 h1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 385px) {
|
||||
.k1 p {
|
||||
font-size: 12px;
|
||||
}
|
||||
.k1 h1 {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.k2 p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.k3 p {
|
||||
font-size: 15px;
|
||||
}
|
||||
@media (max-width: 770px) {
|
||||
.k3 img {
|
||||
margin-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/*-----------------------------curriculum------------*/
|
||||
@media (max-width: 770px) {
|
||||
.cu1 img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.add1 {
|
||||
padding: 10px;
|
||||
margin: 20px;
|
||||
}
|
||||
@media (max-width: 400px) {
|
||||
.add1 {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
}
|
||||
/*--------------------------another css----------------*/
|
||||
html{
|
||||
scroll-behavior:smooth;
|
||||
}
|
||||
.h p{
|
||||
line-height:1.2;
|
||||
}
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0.5rem 1rem !important;
|
||||
background-color: #fff;
|
||||
border: 1px solid #f1f4f8;
|
||||
}
|
||||
.j{
|
||||
background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
|
||||
background-repeat:no-repeat;
|
||||
height:23vh;
|
||||
width:100%;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
background-attachment:fixed;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.j{
|
||||
background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
|
||||
background-repeat:no-repeat;
|
||||
height:40vh;
|
||||
width:100%;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
background-attachment:fixed;
|
||||
}
|
||||
}
|
||||
@media (max-width: 498px) {
|
||||
.j{
|
||||
background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
|
||||
background-repeat:no-repeat;
|
||||
height:50vh;
|
||||
width:100%;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
background-attachment:fixed;
|
||||
}
|
||||
.j2{
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 414px) {
|
||||
.j{
|
||||
background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
|
||||
background-repeat:no-repeat;
|
||||
height:60vh;
|
||||
width:100%;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
background-attachment:fixed;
|
||||
}
|
||||
}
|
||||
.e{
|
||||
width:100px !important;
|
||||
}
|
||||
.e1{
|
||||
width:150px !important;
|
||||
}
|
||||
.back-to-top {
|
||||
background-color: #f7a325;
|
||||
color:white;
|
||||
position: fixed;
|
||||
width:50px;
|
||||
height:50px;
|
||||
border-radius:50%;
|
||||
display: flex;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-decoration:none !important;
|
||||
z-index:1;
|
||||
}
|
||||
.f1 a:hover{
|
||||
color: #00b1c1;
|
||||
}
|
||||
.h h3{
|
||||
color: #f7a325;
|
||||
}
|
||||
.badge-rounded-circle{
|
||||
background-color: #f7a325 !important;
|
||||
color:white !important;
|
||||
}
|
||||
Reference in New Issue
Block a user