/*For compelete page*/
body{
  margin:0px;
  padding: 0px;
}
*{  text-decoration: none;  }

/*  back color #FF5706 */


/*header*/
.header{
  position: fixed;
  left: 0px;
  right:0px;
  height:100px;
  width: :100%;
  background-color: #FF5706;
  }
    .head-1{
      height: 40px;
      width: 100%;
      /*background-color: #FF5706;*/
      margin: 0 auto;
      padding: 10px;
      }
      .head-1-1{
        height:100%;
        width: 50px;
        float:left;
        /*  background-color: yellow;*/
      }
      .head-1-2{
        height:100%;
        width: calc(100% - 70px);
        float:left;
        /* background-color: grey;*/
        }
        .head-1-2 a{
          color: black;
          font-family: segoe ui;
          font-weight: 900 ;
          font-size: 30px;
          line-height: 40px;
          padding-left: 10px;
        }
    .head-2{
      height: 30px;
      width: 100%;
      /*  background-color: green;*/
      float:left;
      /*  padding-top: 10px;*/
      padding: 10px 10px 0 10px;
      }
      .head-2-1,  .head-2-2,  .head-2-3,  .head-2-4,  .head-2-5{
        /*  background-color:pink; */
        float:left;
        width:calc((100% - 20px)/5) ;
        height: calc(100%-10px);
        text-align: center;
        height: 30px;
      }
      .head-2-1 a,  .head-2-2 a,  .head-2-3 a,  .head-2-4 a,  .head-2-5 a{
        color: black;
        font-family: segoe ui;
        font-size:20px;
        line-height: 30px;
      }

/* Middle */

.middle1{
  height: 591px;
  width: 100%;
  }
  .middle1-image1{
    background-image: url("../../img/main2.png");
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }
.middle2{
  background-color: #FF5706;
  height: 430px;
  width: calc(100%-40px);
  margin-top:20px;
  padding: 20px 20px;
  }
    .middle2-1{
    height: 140px;
    width:100%;
    float: left;
    }
      .middle2-1-image{
        background-image: url("../img/middle2-1.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%;
      }
    .middle2-2{
      height: 280px;
      width: 100%;
      float: left;
      margin-top: 10px;
      text-align: center;
    }
    .middle2-2-1{

    padding: 10px;
    height: 30px;
    width: calc(100%-10px);
    }
      .middle2-2-1-text{
        font-size: 30px;
        font-family: "0Surendra";
        font-weight: 700;
        word-spacing: 4;
        color:white;
      }
    .middle2-2-2{
      width: calc(100%-10px);
      height: 160px;
      padding: 10px;
    }
      .middle2-2-2-text{
          font-size: 13px;
          color:white;
        }
    .middle2-2-3{
      padding: 10px;
      height: 30px;
      width: calc(100%-10px);
      }
        .middle2-2-3-text{
          font-size: 20px;
          font-family: segoe ui;
          line-height:30px;
          border: 3px black solid;
          padding: 5px 10px;
          font-weight: 700;
          color:black;
          background-color: white;
          text-decoration: none;
        }
.middle3{
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FF5706;
  height:  1900px;
  width: calc(100%-40px);
  padding: 20px;
  }
  .card{
    background-color: white;
    height: 450px;
    width: 100%;
    float:left;
    text-align: center;
    padding-bottom: 10px;
    box-shadow: 0px 5px 8px 2px black;
    margin-bottom: 20px;
    /*
    */
    }
    .card-image-box{
      /*background-color: red;*/
      height: 170px;
      width: 100%;
    }
      .card-image{
        height: 100%;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
    .card-heading-box{
        /*background-color: green;*/
        height: 30px;
        padding: 10px;
        width: calc(100%-10px);
      }
      .card-heading{
          font-size: 30px;
          line-height: 30px;
          font-family: "";
          font-weight: 700;
          word-spacing: 4;
          color:Black;
        }
    .card-content-box{
      /*
      background-color:black;
      */
      height: 160px;
      padding: 10px;
      width: calc(100%-40px);
      }
      .card-content{
        font-size: 13px;
        color:black;
      }
    .card-button-box{
      /*background-color: blue;*/
      height: 30px;
      padding: 10px;
      width: calc(100%-10px);
      }
      .card-button{
        font-size: 20px;
        font-family: segoe ui;
        line-height:30px;
        border: 2px black solid;
        background-color: white;
        padding: 5px 10px;
        font-weight: 700;
        color:black;
        text-decoration: none;
        }
      .card-button a{
        color:black;
        }

/*Gallery page*/
.headerback{
  background-color: white;
  height: 100px;
  width: 100%;
  margin-bottom: 20px;
}

/*Gallery page*/
.gallery-middle-all{
  height: auto;
  width: 100%;
  /* background-color: yellow; */
  margin-bottom: 10px;
}
.gallery-middle{
  background-color: #FF5706;
  height: 370px;
  width:100%;
  margin-bottom: 20px;
  padding-top: 10px;
  }

  .gallery-middle-1{
    background-image: linear-gradient(to right,#000000, #000000, #535353);
    width: calc(100%- 40px);
    height: 30px;
    padding: 10px 20px;
    }
      .textbox{
        /* background-color: green; */
        width: calc(100%-40px);
        height: 30px;
        font-size: 30px;
        font-family: segoe ui;
        font-weight: 700;
        line-height: 28px;
        color:white;
      }
  .gallery-middle-2{
    /* background-color: grey; */
    width: calc(100%-40px);
    height: 280px;
    padding: 0px 0px;
    }
    .imagebox1{
      height: 125px;
      width: 125px;
      background-color: yellow;
      float:left;
      margin: 10px 10px 0px 20px;
      box-shadow: 0px 3px 5px 1px black;
      }
    .imagebox{
      height: 125px;
      width: 125px;
      background-color: green;
      float:left;
      margin: 10px 20px 0px 0px;
      box-shadow: 0px 3px 5px 1px black;
    }
    .gallery-seemorebutton{
      width:260px;
      text-align: center;
      height: 30px;
      background-image: linear-gradient(to right,#000000, #000000, #535353);
      float: left;
      margin:10px 20px;
    }
    .seemoretext{
      line-height: 27px;
      font-size: 20px;
      color: white;
      font-family: segoe ui;
    }


/*FOOTER*/

.footer{
  height: 370px;
  width: calc(100%-40px);
  background-color: #111010;
  padding: 20px 20px 20px 20px;
  text-align: center;
  }
  .footer hr{
    border:4px white solid;
    border-radius: 5px;
  }
  .social-media{
    margin-top: 10px;
    /*
    background-color: yellow;
    */
    height: 42px;
    width: calc(100%-20px);
    padding:10px;
    text-align: center;
    }
    .social-media-link-box{
      width: calc((100%-20px)/4);
      /*
      background-color: grey;
      */
      padding-bottom: 10px;
      float:left;
      height:42px;
      }
    .social-media-link-box img{
      height: calc(100%-10px);
      width: calc(100%-10px);
      }

/*media responsive*/

@media screen and (min-width: 300px) {

    .head-2-1 a,  .head-2-2 a,  .head-2-3 a,  .head-2-4 a,  .head-2-5 a{
      font-size:15px;
      line-height: 30px;
    }
    .middle1{
      padding-top: 100px;
      height: calc(100vh - 100px);
      }
      .middle1-image1{
      background-image: url("../img/main600.png");
      }
    .middle2{
      height: 490px;
      width: calc(100%-40px);
      margin-top:20px;
      padding: 20px 20px;
      }
        .middle2-1{
          height: 200px;
          width:100%;
          float: left;
          }
        .middle2-2{
          height: 280px;
          width: 100%;
          float: left;
          margin-top: 10px;
          }
          .middle2-2-1{
            padding: 10px;
            height: 30px;
            width: calc(100%-10px);
            }
            .middle2-2-1-text{
              font-size: 30px;
              }
            .middle2-2-2-text{
              font-size: 11.5px;
              }
    .middle3{
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #FF5706;
        height:  1920px;
        width: calc(100%-40px);
        padding: 10px;
        }
    .footer .card{
      width: 270px;
      float: left;
      margin: 10px ;
      }
      .footer{
        height: 330px;
        width: calc(100%-40px);

        }
      .footer-card{
        width: 100% ;
        margin:0 auto;
        }
      .footer .card-heading{
        font-size: 25px;
        line-height: 25px;
        font-weight: 600;
        word-spacing: 4;
        }
        .footer .card-content{
          font-size: 12px!important;
          }

}
@media screen and (min-width: 600px) {

  .head-2-1 a,  .head-2-2 a,  .head-2-3 a,  .head-2-4 a,  .head-2-5 a{
    font-size:20px;
    line-height: 30px;
  }
  .middle1{
      padding-top: 100px;
      height: calc(100vh - 100px);
      }
      .middle1-image1{
        background-image: url("../img/main.png");
      }
  .middle2{
      height: 490px;
      width: calc(100%-40px);
      margin-top:20px;
      padding: 20px 20px;
      }
      .middle2-2-1-text{
        font-size: 35px;
        }
      .middle2-2-2-text{
          font-size: 15px;
        }
  .middle3{
    height:  960px;
    width: calc(100%-40px);
    padding: 10px;
    }
    .card{
      width: calc((100% - 40px) / 2 );
      float: left;
      margin: 10px ;
    }
  .footer .card{
    width: 270px;
    float: left;
    margin: 10px ;
    }
    .footer{
      height: 330px;
      width: calc(100%-40px);
      }
    .footer .card-heading{
      font-size: 35px;
      line-height: 30px;
      font-weight: 700;
      word-spacing: 4;
      }
    .footer .card-content{
      font-size: 15px!important;
      }
}
@media screen and (min-width: 900px) {

  .head-2-1 a,  .head-2-2 a,  .head-2-3 a,  .head-2-4 a,  .head-2-5 a{
    font-size:25px;
    line-height: 25px;
  }
  .middle1{
      padding-top: 100px;
      height: calc(100vh - 100px);
      }
      .middle1-image1{
        background-image: url("../img/main.png");
      }
      .middle2{
              height: 410px;
              width: calc(100%-100px);
              padding: 50px ;
              }
                .middle2-1{
                height:100%;
                width: 50%;
                float: left;
                }
                  .middle2-1-image{
                    box-shadow: 0px 8px 25px 4px black;
                    }
                .middle2-2{
                  height: 100%;
                  width: 40%;
                  margin-left: 10%;
                  margin-top: 0px;
                }
                  .middle2-2-1{
                    padding: 20px;
                    height: 35px;
                    width: calc(100%-10px);
                    }
                    .middle2-2-1-text{
                      line-height: 35px;
                      font-size: 35px;  /*30*/
                      font-family: "0Surendra";
                    }
                  .middle2-2-2{
                    width: calc(100%-10px);
                    height: 207.5px;
                    padding:0px 20px 20px 20px;
                  }
                    .middle2-2-2-text{
                        font-size: 15px;
                      }
                  .middle2-2-3{
                    padding: 18px;
                    width: calc(100%-10px);
                    }
                      .middle2-2-3-text{
                      }
  .middle3{
     height:  960px;
     width: calc(100%-20px);
     padding: 10px;
   }

   .footer .card{
  width: 270px;
  float: left;
  margin: 10px ;
  }
  .card{
    width: calc((100% - 40px) / 2 );
    float: left;
    margin: 10px ;
      }
    .footer{
      height: 320px;
      width: calc(100%-40px);
      }
    .footer .card-heading{
      font-size: 35px;
      line-height: 30px;
      font-weight: 700;
      word-spacing: 4;
      }
    .footer .card-content{
      font-size: 15px!important;
      }
    }
@media only screen and (min-width: 1200px) {

  .head-2-1 a,  .head-2-2 a,  .head-2-3 a,  .head-2-4 a,  .head-2-5 a{
    font-size:25px;
    line-height: 25px;
    }
  .middle1{
    padding-top: 100px;
    height: calc(100vh - 100px);
    }
    .middle1-image1{
      background-image: url("../img/main.png");
      }
  .middle2{
        height: 410px;
        width: calc(100%-100px);
        padding: 50px ;
        }
          .middle2-1{
          height:100%;
          width: 50%;
          float: left;
          }
            .middle2-1-image{
              box-shadow: 0px 8px 25px 4px black;
              }
          .middle2-2{
            height: 100%;
            width: 40%;
            text-align: center;
            /*
            background-color: red;
            */
            margin-left: 10%;
            margin-top: 0px;
          }
          .middle2-2-1{
            padding: 20px;
            height: 35px;
            width: calc(100%-10px);
            }
            .middle2-2-1-text{
              line-height: 40px;
              font-size: 40px;  /*30*/
              font-family: "0Surendra";
            }
          .middle2-2-2{
            width: calc(100%-10px);
            height: 207.5px;
            padding:0px 20px 20px 20px;
          }
            .middle2-2-2-text{
                font-size: 17px;
              }
              .middle2-2-3{
              padding: 18px;
              width: calc(100%-10px);
              }
                .middle2-2-3-text{
                }
  .middle3{
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FF5706;
    height:  480px;
    width: calc(100%-40px);
    padding: 10px;
    }
    .card{
      width: calc((100% - 80px) / 4);
      float:left;
      margin:10px;
      }
  .footer-card{
    width: 50%;
    margin: auto;
    }
}