/*// X-Small devices (portrait phones, less than 576px)*/
@media (min-width: 320px) and (max-width: 575px){

/*nav bar part start*/
.nav-item .second-nav {
    border-left: none;
    text-align: center;
}
.nav-item .nav-img {
    display: none;
}
.login {
    display: none;
}
.nav-item .sharch {
    display: none;
}
.second-nav-color {
    background-color: black;
}
.nav-item .second-nav {
    color: white;
}
.nav-item .border-right {
    border-right: none;
}
/*nav bar part end*/

/*shoes part start*/
.shoes-content h4 {
    font-size: 20px;
}
.shoes-content p {
    font-size: 14px;
}
.fooseshoes-heading a {
    display: none;
}
.fooseshoes-heading p {
    padding-right: 0px;
}
/*shoes part end*/

/*product part start*/
#product {
    padding: 0px;
}
.product-img{
    margin: 15px;
}
.product-overlay {
    top: 53px;
    left: 47px;
}
.shipping {
    margin-bottom: 20px;
}
/*product part end*/

/*news part start*/
/*news part end*/

/*contact part start*/
#contact {
    padding: 30px;
}
#contact-form {
    padding: 39px;
}
form input {
    margin-bottom: 33px;
}
form button {
    margin-bottom: 33px;
}
/*contact part end*/

}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){

/*nav bar part start*/
.nav-item .second-nav {
    border-left: none;
    text-align: center;
}
.nav-item .nav-img {
    display: none;
}
.login {
    display: none;
}
.nav-item .sharch {
    display: none;
}
.second-nav-color {
    background-color: black;
}
.nav-item .second-nav {
    color: white;
}
.nav-item .border-right {
    border-right: none;
}
/*nav bar part end*/

/*shoes part start*/
.shoes-content h4 {
    font-size: 20px;
}
.shoes-content p {
    font-size: 14px;
}
.fooseshoes-heading a {
    display: none;
}
.fooseshoes-heading p {
    padding-right: 0px;
}
.foos-text p {
    font-size: 20px;
    top: -54px;
    left: 204px;
}
.foos-box {
    height: 84px;
    width: 84px;
    line-height: 84px;
    top: -84px;
    left: 16px;
}
/*shoes part end*/

/*product part start*/
#product {
    padding: 0px;
}
.product-img{
    margin: 15px;
}
.product-overlay {
    top: 124px;
    left: 147px;
}
.shipping {
    margin-bottom: 20px;
}
/*product part end*/

/*news part start*/
/*news part end*/

/*contact part start*/
#contact {
    padding: 30px;
}
#contact-form {
    padding: 39px;
}
form input {
    margin-bottom: 33px;
}
form button {
    margin-bottom: 33px;
}
/*contact part end*/

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){

/*nav bar part start*/
.nav-item .second-nav {
    border-left: none;
    text-align: center;
}
.nav-item .nav-img {
    display: none;
}
.login {
    display: none;
}
.nav-item .sharch {
    display: none;
}
.second-nav-color {
    background-color: black;
}
.nav-item .second-nav {
    color: white;
}
.nav-item .border-right {
    border-right: none;
}
/*nav bar part end*/

/*product part start*/
.product-overlay p {
    font-size: 21px;;
}
.product-overlay {
    top: 46px;
    left: 38px;
    height: 38px;
    width: 124px;
}
/*product part end*/

/*shoes part start*/
.fooseshoes-heading p {
    padding-right: 416px;
}
.fooseshoes-heading a {
    padding: 8px 19px;
    text-align: center;
}
.foos-box {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 11px;
    top: -55px;
    left: 0px;
}
.foos-text p {
    font-size: 16px;
    top: -32px;
    left: 82px;
}
/*shoes part end*/

/*news part start*/
.bor {
    padding-top: 70px;
}
.bg-col {
    padding: 10px;
}
.shipping {
    padding: 10px;
}
/*news part end*/

/*contact part start*/
#contact {
    padding: 35px 15px 15px;
}
/*contact part end*/

/*footer part start*/
.footer-left p {
    font-size: 11px;
}
/*footer part end*/

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){


.product-overlay {
    top: 63px;
    left: 49px;
}
.fooseshoes-heading p {
    padding-right: 666px;
}
.fooseshoes-heading a {
    text-align: center;
}

}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px){

.fooseshoes-heading p {
    padding-right: 656px;
}

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

.fooseshoes-heading p {
    padding-right: 836px;
}
.product-overlay {
    top: 102px;
    left: 116px;
}
.foos-text p {
    font-size: 20px;
    top: -49px;
    left: 173px;
}

}