/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 1450px) and (max-width: 1650px) {

   #war .container-fluid {
      width: 89%;
   }

}


@media screen and (min-width: 1360px) and (max-width: 1500px) {
    #my .container,#cloth .container,#war .container {
      max-width: 1050px;
   }
   #war .container-fluid {
      width: 89%;
      margin-left: auto;
      margin-right: 0;
   }

   .war-wrapper {
      /*margin-right: calc((100vw - 1050px) / -2);*/
   }
    
}

@media screen and (min-width: 1200px) and (max-width: 1360px) {
    #my .container,#cloth .container,#war .container {
      max-width: 956px;
   }
   
   #war .container-fluid {
      width: 91%;
      margin-left: auto;
      margin-right: 0;
   }

   .war-wrapper {
      /*margin-right: calc((100vw - 956px) / -2);*/
   }
   
   .cloth-block-one-img span {
      width: 25px;
        height: 25px;
        bottom: 4px;
        right: 4px;
   }
    
}

@media screen and (min-width: 992px) and (max-width: 1140px) {

   .war-wrapper {
      margin-right: -15px;
   }

}


@media screen and (min-width: 992px) and (max-width: 1200px) {

   .cloth-block-one-img span {
      display: inline-block;
      width: 23px;
        height: 23px;
        bottom: 4px;
        right: 4px;
   }

   
   #war .container-fluid {
      width: 100%;
      margin-left: auto;
      margin-right: 0;
   }

   .war-slider {
      margin-top: 18px;
      margin-left: -10px;
   }


}



/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

   .war-slider {
      margin-top: 18px;
      margin-left: -10px;
   }

   .my-wrapper {
      border-radius: 12px;
      padding: 15px;
   }

   .my-wrapper h5 {
      font-size: 20px;
   }

   .my-wrapper p {
      font-size: 14px;
      letter-spacing: inherit
   }

   .cloth-heading h4 {
      font-size: 22px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-heading p {
      font-size: 15px;
      font-weight: 500;
      letter-spacing: inherit;
   }

   .cloth-block .col-lg {
      width: 14.28%;
      max-width: 14.28%;
   }

   .cloth-block-one p {
      font-size: 15px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-block-one {
      margin-bottom: 20px;
   }

   .cloth-block-one-img span {
        display: inline-block;
        width: 28px;
        height: 28px;
        bottom: 10px;
        right: 10px;
        font-size: 16px;
   }

   #war .container-fluid {
      width: 100%;
   }

   #war {
      margin-top: 25px;
      padding-bottom: 250px;
   }
   
   #war.my-wardrobe {
      margin-top: 25px;
      padding-top:90px;
      padding-bottom: 100px;
   }

   .war-heading h4 {
      font-size: 20px;
      letter-spacing: inherit;
      margin-left: 0;
   }

   .war-one-left {
      width: 70px;
   }

   .war-one-right h5 {
      font-size: 14px;
   }

   .war-one-right p {
      font-size: 12px;
      color: #888888;
      margin: 5px 0px;
   }

   .war-one-right ul li span {
      width: 16px;
      height: 16px;
      border-radius: 50%;
   }

   .war-link {
      margin-top: 30px;
   }

   .war-link a {
      display: inline-block;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: inherit;
   }

   .cloth-color {
      top: 0;
   }

   .cloth-color-heading h5 {
      letter-spacing: inherit;
      text-align: center;
   }

   .cloth-color-select .col-lg {
      width: 100%;
      max-width: 100%;
   }

   .war-wrapper {
      margin-right: -15px;
   }
}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	
   .my-wrapper {
      border-radius: 10px;
      padding: 10px 15px;
   }

   .my-wrapper h5 {
      font-size: 16px;
   }

   .my-wrapper p {
      font-size: 11px;
      letter-spacing: inherit
   }

   .cloth-heading h4 {
      font-size: 20px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-heading p {
      font-size: 13px;
      font-weight: 500;
      letter-spacing: inherit;
   }

   .cloth-block .col-lg {
      width: 14.28%;
      max-width: 14.28%;
   }

   .cloth-block-one p {
      font-size: 13px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-block-one {
      margin-bottom: 20px;
   }

   .cloth-block-one-img span {
      display: inline-block;
      width: 22px;
    height: 22px;
    bottom: 5px;
    right: 5px;
    font-size: 13px;
   }

   #war .container-fluid {
      width: 100%;
   }

   #war {
      margin-top: 25px;
      padding-bottom: 250px;
   }
   #war.my-wardrobe {
      margin-top: 25px;
      padding-bottom: 250px;
   }
   #war.half-mobile{
       padding-bottom:80px;
   }

   .war-heading h4 {
      font-size: 18px;
      letter-spacing: inherit;
      margin-left: 10px;
   }

   .war-one-left {
      width: 58px;
   }

   .war-one-right h5 {
      font-size: 14px;
   }

   .war-one-right p {
      font-size: 12px;
      color: #888888;
      margin: 5px 0px;
   }

   .war-one-right ul li span {
      width: 16px;
      height: 16px;
      border-radius: 50%;
   }

   .war-link {
      margin-top: 30px;
   }

   .war-link a {
      display: inline-block;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: inherit;
   }

   .cloth-color {
      top: -12px;
   }

   .cloth-color-heading h5 {
      letter-spacing: inherit;
      text-align: center;
      font-size: 15px;
   }

   .cloth-color-select .col-lg {
      width: 100%;
      max-width: 100%;
   }

   .cloth-color-block-heading p {
      font-size: 15px;
   }

   .modal-shirt h4 {
      font-size: 20px;
   }

   .modal-shirt span {
      font-size: 15px;
   }

   .header-left a img {
      display: inline-block;
      width: 80px;
   }

   #cloth {
      margin-top: 30px;
   }

   .cloth-block {
      padding: 10px 0px;
        padding-bottom: 10px;
      border-bottom: 1px solid #CCCCCC96;
      padding-bottom: 0;
   }

   .war-icon span img,.owl-nav img {
      display: inline-block;
      width: 35px;
      /*height: 35px;*/
   }

   .war-one-right {
      margin-left: 10px;
   }

   .war-one-right {
      margin-left: 10px;
   }

   .war-one {
      margin: 3px;
   }

   .war-wrapper {
      margin-right: -15px;
   }

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {
   .my-wrapper {
      border-radius: 10px;
      padding: 10px 15px;
   }

   .my-wrapper h5 {
      font-size: 16px;
   }

   .my-wrapper p {
      font-size: 11px;
      letter-spacing: inherit
   }

   .cloth-heading h4 {
      font-size: 20px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-heading p {
      font-size: 13px;
      font-weight: 500;
      letter-spacing: inherit;
   }

   .cloth-block .col-lg {
      width: 50%;
      max-width: 50%;
   }

   .cloth-block-one p {
      font-size: 15px;
      letter-spacing: inherit;
      margin-bottom: 5px;
   }

   .cloth-block-one {
      margin-bottom: 20px;
   }

   .cloth-block-one-img span {
      display: inline-block;
      width: 25px;
      height: 25px;
   }

   #war .container-fluid {
      width: 100%;
   }

   #war {
      margin-top: 25px;
      padding-bottom: 250px;
   }
   #war.my-wardrobe {
      margin-top: 25px;
      padding-bottom: 80px;
      padding-bottom: 90px;
   }
   #war.half-mobile{
       padding-bottom:80px;
   }

   .war-heading h4 {
      font-size: 16px;
      letter-spacing: inherit;
      margin-left: 10px;
   }

   .war-one-left {
      width: 70px;
   }

   .war-one-right h5 {
      font-size: 14px;
   }

   .war-one-right p {
      font-size: 12px;
      color: #888888;
      margin: 5px 0px;
   }

   .war-one-right ul li span {
      width: 16px;
      height: 16px;
      border-radius: 50%;
   }

   .war-link {
      margin-top: 30px;
   }

   .war-link a {
      display: inline-block;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: inherit;
   }

   .cloth-color {
      top: -12px;
   }

   .cloth-color-heading h5 {
      letter-spacing: inherit;
      text-align: center;
      font-size: 15px;
   }

   .cloth-color-select .col-lg {
      width: 100%;
      max-width: 100%;
   }

   .cloth-color-block-heading p {
      font-size: 15px;
   }

   .modal-shirt h4 {
      font-size: 20px;
   }

   .modal-shirt span {
      font-size: 15px;
   }

   .header-left a img {
      display: inline-block;
      width: 80px;
   }

   #cloth {
      margin-top: 45px;
   }

   .cloth-block {
      padding: 10px 0px;
        padding-bottom: 10px;
      border-bottom: 1px solid #CCCCCC96;
      padding-bottom: 0;
   }

   .war-icon span img,.owl-nav img {
      display: inline-block;
      width: 35px;
      /*height: 35px;*/
   }

   .war-one-right {
      margin-left: 10px;
   }

   .war-one-right {
      margin-left: 10px;
   }

   .war-one {
      margin: 3px;
   }

   .war-wrapper {
      margin-right: -15px;
   }
}
/*@media screen and (max-width:1920px){*/
/*    .war-one{*/
/*        min-width: 330px;*/
/*    }*/
/*}*/
/*@media screen and (max-width:1350px){*/
/*    .war-one{*/
/*        min-width: 335px;*/
/*    }*/
/*}*/
@media screen and (max-width:1200px){
    /*.war-one{*/
    /*    min-width: 440px;*/
    /*}*/
    .owl-theme .owl-nav .owl-prev {
        margin-left: 0 !important;
    }
    .owl-theme .owl-nav .owl-next {
        margin-right: 0 !important;
    }
}
/*@media screen and (max-width:960px){*/
/*    .war-one{*/
/*        min-width: 370px;*/
/*    }*/
/*}*/
/*@media screen and (max-width:770px){*/
/*    .war-one{*/
/*        min-width: 300px;*/
/*    }*/
/*}*/
/*@media screen and (max-width:577px){*/
/*    .war-one{*/
/*        min-width: 260px;*/
/*    }*/
/*}*/