@media screen and (min-width : 1250px) {
    #view3 img {
      transform: scale(1.5) !important;-o-transform: scale(1.5) !important;-moz-transform: scale(1.5) !important;-webkit-transform: scale(1.5) !important;
    }
}
@media screen and (max-width : 1400px) {

     .icon-info p{
	min-height:28px;
    }
}
@media screen and (max-width : 1023px) {
     .icon-info p{
	min-height:40px;
    }
}

section.main-tool {
    height: calc(100vh - 70px) !important;
    overflow: hidden !important;
}

.left-main-work-section {
    height: calc(100vh - 70px) !important;
}

.rtldf {
    min-height: 100% !important;
}

#mainImageHolder img {
    height: calc(100vh - 70px) !important;
}

.view-thumb {
    bottom: 20px !important;
    left: 0px;
    right: 0px;
}

.left-main-work-section .canvas-sec.main-work-area.rtldf.mtop.activeUp {
    margin-top: 0;
}


.search-form input {
    width: 94%;
}

@media only screen and (max-width: 767px) {
    #arrowUP,
    #zoomOutButton,
    #zoomButton {
        display: block;
    }
    .right-view-img.navigate-menu {
        top: -67px;
        width: 100%;
    }
    .right-view-img.navigate-menu ul {
        display: flex;
        gap: 16px;
        justify-content: center;
        width: 100%;
    }
    #mainImageHolder img {
        height: calc(68vh - 70px) !important;
    }
    .view-thumb {
        position: fixed !important;
        width: 100% !important;
    }
    .fabricInfo {
        position: absolute !important;
        left: 0 !important;
        top: 55px !important;
    }
    .fabricInfo #slide {
        position: relative;
        width: 45%;
        height: 45%;
    }
    .fabricInfo .cl {
        font-size: 14px;
        left: -77px;
        right: 0;
        width: 35px;
        padding: 5px 10px;
        position: relative;
    }
    .theView.active {
        height: calc(100vh - 70px) !important;
    }
    .suit-preloader-inner {
	    left: 34px !important;
	    width: 84% !important;
	}
	.optiontrigger.Regular.Flap.Pocket.Pockets2 i,
		.optiontrigger.Pockets2.Jetted.Pockets.activeDesign i{
	    font-size: 25px !important;
	}

.optiontrigger.Pockets1.activeDesign.Regular.Flap.Pocket i{
  font-size: 34px !important;
}
.optiontrigger.Pockets1.Jetted.Pockets i {
    font-size: 34px !important;
}
}

@media screen and (max-width: 480px) {
    .right-view-img {
        width: 58px;
    }
}
@media screen and (max-width: 991px){
.open-shirt-menu .middle-header-sec {
    left: 0;
    visibility: visible;
    opacity: 1;
}
.options-sec .options-sec-inner .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}
.fabric-details-sec .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}
.fabric-details-sec .fabric-details-inner ul {
        padding-bottom: 0px;
    }
    .fabric-details-sec .fabric-details-inner ul {
        padding-bottom: 0px;
    }
#arrowUP,
    #zoomOutButton,
    #zoomButton {
        display: block !important;
    }
    .left-header-sec {
        padding-top: 0px;
    }
    .toollogo {
        display: block !important;
    }
    .open-right-tool-menu .right-tool-sec {
       /* z-index: 1999;*/
    }
    .option_icon i {
        font-size: 52px !important;
    }
    .right-view-img.navigate-menu {
	    top: 0px;
	    z-index: auto;
	}
    section.main-tool {
        position: initial;
    }
  }