/*================================satrt the large screens=========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
   
}
@media (min-width:1025px) and (max-width:1200px)
{
    /*edit the carousel slider*/
    header .bd-example .carousel .carousel-inner .carousel-caption h1 {
        font-size: 70px;
    }
}
/*==============================start the screen of tablet=========================*/
@media (min-width: 993px) and (max-width: 1024px)
{
    /*start the navbar*/
    .navbar .container .second-navbar-nav {
        transform: translateX(-43px);
    }
    .navbar-brand {
        left: 57%;
    }
    header .bd-example .carousel .carousel-inner .carousel-caption h1 {
        font-size: 60px;
    }
}
@media (min-width: 769px) and (max-width: 992px)
{
    /*satrt the navbar*/
    .navbar .container .second-navbar-nav {
        transform: translateX(-6px);
    }
    .navbar-brand {
        left: 59%;
    }
    /*start the carousel slider*/
    header .bd-example .carousel .carousel-inner .carousel-caption h1 {
        font-size: 58px;
    }
}
/*==============================start the screen of mobbile=========================*/
@media (min-width: 577px) and (max-width: 768px)
{
    /*start the navbar*/
    .navbar-light .navbar-toggler {
        width: 9%;
    }
    .navbar-expand-lg .navbar-nav {
        transform: translateX(6px);
    }
    /*start the carousel slider*/
    header .bd-example .carousel .carousel-inner .carousel-caption h1 {
        font-size: 46px;
    }
    .share {
        left: 6%;
    }
}
@media(min-width: 426px) and (max-width: 576px){
     /*edit the text-area in contact us page*/
     .contact-us .container form .row textarea {
        margin-top: 44px;
    }
    .contact-us .container form .row{
        padding-bottom: 50px;
    }
    .contact-us .container form .row .button 
    {
        padding-top: 50px;
    }
    .share {
        left: 8%;
    }
}
@media (min-width: 376px) and (max-width: 425px)
{
    .navbar-light .navbar-brand {
        width: 72%;
    }
    .navbar-expand-lg .navbar-nav {
        transform: translateX(0px);
    }
    /*edit the carousel slider*/
    header .bd-example .carousel .carousel-inner img {
        height: 65vh;
    }
     /*edit the text-area in contact us page*/
     .contact-us .container form .row textarea {
        margin-top: 44px;
    }
    .contact-us .container form .row{
        padding-bottom: 50px;
    }
    .contact-us .container form .row .button 
    {
        padding-top: 50px;
    }
    /*edit the footer*/
    footer .container .row .make_deal h1 
    {
        font-size: 2rem;
    }  
    .share {
        left: 10%;
    }
}
@media (min-width: 321px) and (max-width: 375px)
{
    /*edit the navbar*/
    .navbar-light .navbar-brand {
        width: 72%;
    }
    .navbar-light .navbar-toggler {
        width: 21%;
    }
    .navbar-expand-lg .navbar-nav {
        transform: translateX(4px);
    }
    /*edit the carousal slider*/
    header .bd-example .carousel .carousel-inner img {
        width: 100%;
        height: 50vh;
    }
     /*edit the text-area in contact us page*/
     .contact-us .container form .row textarea {
        margin-top: 44px;
    }
    .contact-us .container form .row{
        padding-bottom: 50px;
    }
    .contact-us .container form .row .button 
    {
        padding-top: 50px;
    }
    /*edit the footer*/
    footer .container .row .make_deal h1 
    {
        font-size: 2rem;
    }
    .share {
        left: 11%;
    }
}
@media (max-width: 320px)
{
    /*edit the navbar*/
    .navbar-light .navbar-brand {
        width: 71%;
    }
    .navbar-light .navbar-toggler {
        width: 22%;
    }
    .navbar-expand-lg .navbar-nav {
        transform: translateX(2px);
    }
    /*edit the carousal slider*/
    header .bd-example .carousel .carousel-inner img {
        height: 40vh;
    }
    /*edit the text-area in contact us page*/
    .contact-us .container form .row textarea {
        margin-top: 44px;
    }
    .contact-us .container form .row{
        padding-bottom: 50px;
    }
    .contact-us .container form .row .button 
    {
        padding-top: 50px;
    }
    /*edit the footer*/
    footer .container .row .social-media-contact .icons
    {
        margin-left: 4px;
    }
    footer .container .row .make_deal h1 
    {
        font-size: 1.5rem;
    }
    .share {
        left: 14%;
    }

}