/* media query for 1921px & More*/
@media  only screen and (min-width:2561px) {
	/*==== Header CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */
	.hd1 a{
		font-size:2.5rem;
	}
	.hd2 {
		font-size:5.8rem;
	}
	.social-media {
		font-size:4.4rem
	}
	
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:5.8rem;  margin-left:75px
	}
	#company-text {
		margin-left:2px
	}
	#company-logo {
		max-height:85px! important; margin-top:5px !important; margin-bottom:5px! important;
	}
	.menu {
		font-size:5.6rem; position: absolute; top:10px
	}
	.searchbtn{
		min-height:45px; min-width:45px; font-size: 3.2rem;
	}
	.dropbtn {
		font-size: 3.2rem;
	}
	.dropdown-content {
		font-size: 3.2rem; min-width: 290px; 
	}
	/*==== Header CSS Code End Here ====*/
	
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 520px; left: -525px;
	}
	#sidebar ul li a {
		font-size: 3.2rem; margin-bottom:20px;
	}
	/*==== Sidebar CSS Code End Here ====*/

	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -100px 0;
	}
	.footer b{
		font-size:3.0rem;
	}
	.footer a{
		font-size:3.0rem;
	}
	.footer p{
		font-size:2.90rem;
	}
	#footer_row {
		padding-left:25px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:3.0rem;
	}
	#footer_left {
		width:40%; background:gray;
	}
	#footer_right {
		width:60%; padding:0px 0px 0px 0px; background:greenyellow;
	}
	#address_01 {
		margin-left:1%; width:51%;
	}
	#address_02 {
		width:48%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/

	
	/*==== Common for All Page ====*/
	#body-container{
		margin-top:180px; padding-bottom:280px; background:silver
	}
	.modal h4, p, label{
		font-size:3.40rem
	}
	.modal input{
		font-size:3.40rem
	}
	.modal textarea{
		font-size:3.40rem
	}
	.modal button{
		font-size:3.40rem
	}
	#times{
		font-size:4.40rem;
	}

	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}	
	.carousel-caption b{
		font-size:5rem;
	}	
	.carousel-caption p{
		font-size:3.2rem;
	}
	#textbox {
		font-size:3.4rem
	}
	.textarea{
		padding-left:120px!important; padding-right:120px!important; margin-top: 30px; margin-bottom: 20px;
	}
	#textbox h4{
		font-size:4.2rem
	}
	#list-item li{
		line-height:3.0
	}
	#image-thumb img{
		 padding:40px; display:inline-block; width:48%; margin: 0 1%; float: left;
	}

	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:3.80rem
	}
	.registration-form{
		font-size:3.20rem; line-height:2.2
	}
	.registration-form select{
		min-height:70px; max-height:70px; font-size:3.20rem;
	}
	.registration-form input{
		min-height:70px; max-height:70px; font-size:3.20rem; vertical-align: middle;  
	}
	.registration-form button{
		  font-size:3.20rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(2.6);  -webkit-transform: scale(2.6); transform: scale(2.6);
	}
	
	#mandatory-msg{
		font-size:2.80rem;
	}
	#register-text {
		font-size:3.0rem
	}
	#list-item-register li{
		line-height:2.80
	}
	
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:130px; padding-right:130px;
	}
	legend.login-border {
		font-size:3.80rem
	}
	.login-form{
		font-size:3.20rem; line-height:2.2
	}
	.login-form input{
		min-height:70px; max-height:70px; font-size:3.20rem; vertical-align: middle;   
	}
	.login-form button{
		font-size:3.20rem;  
	}
	#forgot-msg{
		font-size:2.80rem;
	}
	#login-text p{
		font-size:3.0rem
	}
	#loginwarning p{
		font-size:2.80rem
	}
	#loginwarning .dismiss_cls{
		font-size:2.80rem
	}
	
	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:130px; padding-right:130px;
	}
	legend.forget-border {
		font-size:3.80rem
	}
	.forget-form{
		font-size:3.20rem; line-height:2.2
	}
	.forget-form input{
		min-height:70px; max-height:70px; font-size:3.20rem; vertical-align: middle;   
	}
	.forget-form button{
		font-size:3.20rem;  
	}


	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
	 min-height:760px
	}
	.cate-one h4{
		font-size: 3.60rem
	}
	.cate-one label{
		font-size: 3.0rem
	}
	.cate-two{
	min-height:100px;
	}
	.cate-two h4{
		font-size: 3.60rem
	}
	.cate-two label{
		font-size: 3.0rem
	}
	
	
	/*==== Fabric Libray (General Collection Page) Start Here =====*/
	#infobox {
		font-size:3.20rem
	}
	#listheading h5{
		font-size:3.20rem; margin-bottom:20px
	}
	#listheading a{
		font-size:3.20rem;
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1.5%; margin-bottom:1.5%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:3.0rem
	}
	.tooltips .tooltiptext{
		font-size:2.20rem;
	}
	.show_more{
		font-size: 3.0rem;
	}
	
	.searchvalue {
		font-size:3.20rem
	}
	
	.searchvalue a {
		font-size:3.20rem;
	}
	
	
	
	
	/*=== Fabric Libray (Collection Page) Start Here ===*/
	.search-form{
		line-height:1.3;
	}
	.input-group-search span{
		font-size:3.2rem;
	}
	.weightspan{
		width:33.3%
	}
	.weightspan label{
		font-size:2.8rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:70px; max-height:70px; font-size:3.2rem;  
	}
	.search-form input[type='radio']{
		min-height:60px; max-height:60px; vertical-align: middle;  
	}
	.search-form select{
		min-height:70px; max-height:70px; font-size:3.2rem; 
	}
	.search-form a{
		min-height:70px; max-height:70px; font-size:3.2rem;  
	}
	.search-form button{
		min-height:70px; max-height:70px; font-size:3.2rem;  
	}
	.search-dismiss button{
		min-height:70px; min-width:70px;  font-size:3.2rem;
	}
	

	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:30%; max-width: 30%; 
	}
	.features-img img{
		min-height:160px; padding:15px
	}
	.features-details{
		max-width: 70%;
	}
	.features-details h4{
		font-size: 4.50rem;
	}
	.features-details label{
		font-size:2.95rem
	}
	.features-details p{
		font-size:2.95rem; line-height:2.20
	}
	.features-head h4{
		font-size: 4.10rem; margin-bottom:20px
	}
	.img-div{
		min-height:200px; max-width:200px;
	}
	.img-div img{
		min-height:190px; max-height:190px;
	}
	.text-category{
		min-height:200px; margin-left:200px;
	}
	.text-category h4{
		font-size:3.20rem;
	}
	.text-category small{
		font-size:2.95rem;
	}


	
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 3.60rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 3.60rem;
	}
	.cate-cs label{
		font-size: 3.20rem;
	}

	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:120px; max-width:120px;
	}
	.img-icon-div img{
		min-height:110px; max-height:110px;
	}
	.text-story-heading{
		min-height:110px; margin-left:110px;
	}
	.text-story-heading h4{
		font-size:3.5rem; color:red
	}
	.text-story-heading small{
		font-size:2.95rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:2.95rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:85vh;
	}
	.display_img img{
		max-height:79vh; min-width:auto
	}
	.postView {
	}
	.display_img b{
		font-size:2.0rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:85vh!important;
	}
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:2.0rem;
	}
	.mousey {
		width: 3px; padding: 16px 16px; height: 15px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:20px;
	}
	.thumb b{
		font-size:2.40rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:3.95rem;
	}
	.fabric_table{
		font-size:2.95rem; margin-top:-5px; margin-bottom:10px
	}
	
	
	.more_info{
		font-size:2.95rem; width:68%; 
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:2.95rem;
	}
	.view_cart{
		font-size:2.95rem;
	}
	.addQty button{
		min-height:55px; min-width:55px; max-width:55px; font-size:2.95rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:55px; max-width:80px; text-align:center; font-size:2.95rem;  vertical-align: middle;  
	}
	
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 2.60rem
	}
	.cart-item{
		min-height:120px
	}
	.cart-img{
		min-height:120px
	}
	.cart-item-des{
		min-height:120px
	}
	.cart-item-des h3{
		font-size: 2.90rem
	}
	.cart-item-des p{
		font-size: 2.40rem
	}
	.cart-item-qty{
		min-height:120px
	}
	.cart-item-del{
		min-height:120px
	}
	.cart-item-del i{
		font-size: 2.60rem
	}
	.action-btn button{
		font-size: 2.60rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 3.0rem
	}
}


@media only screen and (min-width: 1710px) and (max-width:2560px) {
	/*==== Header CSS Code End Here ====*/
	/* ----- Header Top Section ----- */
	.hd1 a{
		font-size:2.0rem;
	}
	.hd2 {
		font-size:4.0rem;
	}
	.social-media {
		font-size:3.6rem
	}
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:4.0rem; margin-left:60px
	}
	#company-text {
		margin-left:2px
	}
	#company-logo {
		max-height:60px! important; margin-top:5px !important; margin-bottom:5px! important; 
	}
	.menu {
		font-size:4.2rem; position:absolute; top:2px;
	}
	.searchbtn{
		min-height:40px; min-width:40px; font-size: 2.3rem;
	}
	.dropbtn {
		font-size: 2.3rem;
	}
	.dropdown-content {
		font-size: 2.2rem; min-width: 210px; 
	}
	/*==== Header CSS Code End Here ====*/
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 420px; left: -425px;
	}
	#sidebar ul li a {
		font-size: 2.2rem; margin-bottom:15px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	
	
	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -100px 0;
	}
	.footer b{
		font-size:2.0rem;
	}
	.footer a{
		font-size:2.0rem;
	}
	.footer p{
		font-size:1.90rem;
	}
	#footer_row {
		padding-left:25px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:2.0rem;
	}
	#footer_left {
		width:40%; background:gray;
	}
	#footer_right {
		width:60%; padding:0px 0px 0px 0px; background:blueviolet;
	}
	#address_01 {
		margin-left:2%; width:50%;
	}
	#address_02 {
		width:48%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/
	
	/*==== Common for All Page ====*/
	#body-container{
		margin-top:125px; padding-bottom:200px; background:blue
	}
	.modal h4, p, label{
		font-size:2.30rem
	}
	.modal input{
		font-size:2.30rem
	}
	.modal textarea{
		font-size:2.30rem
	}
	.modal button{
		font-size:2.30rem
	}
	#times{
		font-size:3.30rem;
	}

	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}	
	.carousel-caption b{
		font-size:4rem;
	}	
	.carousel-caption p{
		font-size:2.30rem;
	}
	.textarea{
		padding-left:90px!important; padding-right:90px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:2.30rem
	}
	#textbox h4{
		font-size:2.40rem
	}
	#list-item li{
		line-height:2.7
	}
	#image-thumb img{
		padding:8px; display:inline-block; width:46%; margin: 0 2%; float:left
   }

	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:2.40rem
	}
	.registration-form{
		font-size:2.40rem; line-height:1.5
	}
	.registration-form select{
		min-height:50px; max-height:50px; font-size:2.20rem;
	}
	.registration-form input{
		min-height:50px; max-height:50px; font-size:2.20rem; vertical-align: middle;  
	}
	.registration-form button{
		  font-size:2.20rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.8);  -webkit-transform: scale(1.8); transform: scale(1.8);
	}
	#mandatory-msg{
		font-size:1.80rem;
	}
	#register-text {
		font-size:2.20rem
	}
	#list-item-register li{
		line-height:2.0
	}
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:90px; padding-right:90px;
	}
	legend.login-border {
		font-size:2.40rem
	}
	.login-form{
		font-size:2.20rem; line-height:1.5;
	}
	.login-form input{
		min-height:45px; max-height:45px; font-size:2.0rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:2.0rem;  
	}
	#forgot-msg{
		font-size:1.8rem;
	}
	#login-text p{
		font-size:2.0rem
	}
	
	#loginwarning p{
		font-size:1.90rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.90rem
	}

	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:90px; padding-right:90px; 
	}
	legend.forget-border {
		font-size:2.40rem;
	}
	.forget-form{
		font-size:2.0rem; line-height:1.5;
	}
	.forget-form input{
		min-height:45px; max-height:45px; font-size:2.0rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:2.0rem;  
	}


	
	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
	 min-height:550px
	}
	.cate-one h4{
		font-size: 2.60rem
	}
	.cate-one label{
		font-size: 2.20rem
	}
	.cate-two{
	min-height:100px;
	}
	.cate-two h4{
		font-size: 2.60rem
	}
	.cate-two label{
		font-size: 2.20rem
	}
	
	
	/*==== Fabric Libray (General Collection Page) Start Here =====*/
	#infobox {
		font-size:2.30rem
	}
	#listheading h5{
		font-size:2.30rem
	}
	#listheading a{
		font-size:2.30rem;
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1.5%; margin-bottom:1.5%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:2.1rem
	}
	.tooltips .tooltiptext{
		font-size:1.60rem;
	}
	.show_more{
		font-size: 2.10rem;
	}
	
	.searchvalue {
		font-size:2.10rem
	}
	
	.searchvalue a {
		font-size:2.10rem;
	}
	
	
	/*=== Fabric Libray (Collection Page) Start Here ===*/
	.search-form{
		line-height:1.3;
	}
	.input-group-search span{
		font-size:2.0rem;
	}
	.weightspan{
		width:33.3%
	}
	.weightspan label{
		font-size:1.65rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:45px; max-height:45px; font-size:2.0rem;  
	}
	.search-form input[type='radio']{
		min-height:35px; max-height:35px; vertical-align: middle;  
	}
	.search-form select{
		min-height:45px; max-height:45px; font-size:2.0rem; 
	}
	.search-form a{
		min-height:45px; max-height:45px; font-size:2.0rem;  
	}
	.search-form button{
		min-height:45px; max-height:45px; font-size:2.0rem;  
	}
	.search-dismiss button{
		min-height:45px; min-width:45px;  font-size:2.0rem;
	}
	
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 2.60rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 2.60rem;
	}
	.cate-cs label{
		font-size: 2.40rem;
	}

	
	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:30%; max-width: 30%; 
	}
	.features-img img{
		min-height:160px; padding:5px
	}
	.features-details{
		max-width: 70%;
	}
	.features-details h4{
		font-size: 3.50rem;
	}
	.features-details label{
		font-size:2.0rem
	}
	.features-details p{
		font-size:2.0rem; line-height:1.80
	}
	.features-head h4{
		font-size: 3.10rem; margin-bottom:20px
	}
	.img-div{
		min-height:140px; max-width:140px;
	}
	.img-div img{
		min-height:130px; max-height:130px;
	}
	.text-category{
		min-height:140px; margin-left:140px;
	}
	.text-category h4{
		font-size:2.2rem;
	}
	.text-category small{
		font-size:1.85rem;
	}
	
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:100px; max-width:100px; border-color:red
	}
	.img-icon-div img{
		min-height:95px; max-height:95px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:2.2rem;
	}
	.text-story-heading small{
		font-size:1.85rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.85rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:80vh;
	}
	.display_img img{
		max-height:74vh; min-width:auto;
	}
	.postView {
	}
	.display_img b{
		font-size:1.45rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:80vh!important;
	}
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.45rem;
	}
	.mousey {
		width: 3px; padding: 13px 13px; height: 15px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:10px;
	}
	.thumb b{
		font-size:1.55rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:2.80rem;
	}
	.fabric_table{
		font-size:1.95rem; margin-top:-5px; margin-bottom:10px
	}
	
	.more_info{
		font-size:1.85rem; 
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.85rem;
	}
	.view_cart{
		font-size:1.85rem;
	}
	.addQty button{
		min-height:40px; min-width:40px; max-width:40px; font-size:1.85rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:40px; max-width:70px; text-align:center; font-size:1.85rem;  vertical-align: middle;  
	}
	
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.80rem
	}
	.cart-item{
		min-height:120px
	}
	.cart-img{
		min-height:120px
	}
	.cart-item-des{
		min-height:120px
	}
	.cart-item-des h3{
		font-size: 2.20rem
	}
	.cart-item-qty{
		min-height:120px
	}
	.cart-item-del{
		min-height:120px
	}
	.cart-item-des p{
		font-size: 1.60rem
	}
	.cart-item-del i{
		font-size: 1.80rem
	}
	.action-btn button{
		font-size: 1.80rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 1.8rem
	}
}


@media only screen and (min-width: 1367px) and (max-width:1710px) {
	/*==== Header CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */
	.hd1 a{
		font-size:1.3rem; 
	}
	.hd2 {
		font-size:3.0rem;
	}
	.social-media {
		font-size:2.8rem
	}
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:3.0rem ; margin-left:55px
	}
	#company-text {
		 margin-left:2px
	}
	#company-logo {
		max-height:55px! important; margin-top:5px !important; margin-bottom:5px! important; margin-left:5px
	}
	.menu {
		font-size:3.2rem; position:absolute; top:5px;
	}
	.searchbtn{
		min-height:35px; min-width:35px; font-size: 1.9rem;
	}
	.dropbtn {
		font-size: 1.6rem;
	}
	.dropdown-content {
		font-size:1.6rem; min-width: 170px; 
	}
	/*==== Header CSS Code End Here ====*/
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 350px; left: -355px;
	}
	#sidebar ul li a {
		font-size: 1.5rem; margin-bottom:10px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	
	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -100px 0;
	}
	.footer b{
		font-size:1.45rem;
	}
	.footer a{
		font-size:1.45rem;
	}
	.footer p{
		font-size:1.40rem;
	}
	#footer_row {
		padding-left:25px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.40rem;
	}
	#footer_left {
		width:40%;
	}
	#footer_right {
		width:60%; padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:6%; width:49%;
	}
	#address_02 {
		width:45%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/
	
	/*==== Common for All Page ====*/
	#body-container{
		margin-top:105px; padding-bottom:100px;
	}
	.modal h4, p, label{
		font-size:1.60rem
	}
	.modal input{
		font-size:1.60rem
	}
	.modal textarea{
		font-size:1.60rem
	}
	.modal button{
		font-size:1.60rem
	}
	#times{
		font-size:2.60rem;
	}


	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}	
	.carousel-caption b{
		font-size:3.2rem;
	}	
	.carousel-caption p{
		font-size:1.85rem;
	}
	.textarea{
		padding-left:90px!important; padding-right:90px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.60rem; 
	}
	#textbox h4{
		font-size:1.95rem
	}
	#list-item li{
		line-height:2.5
	}
	#image-thumb img{
		 padding:8px; display:inline-block; width:47%; margin: 0 1.5%; float:left
	}

	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:1.95rem
	}
	.registration-form{
		font-size:1.60rem; line-height:1.2
	}
	.registration-form select{
		min-height:38px; max-height:38px; font-size:1.60rem;
	}
	.registration-form input{
		min-height:38px; max-height:38px; font-size:1.60rem; vertical-align: middle; 
	}
	.registration-form button{
		  font-size:1.60rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.4);  -webkit-transform: scale(1.4); transform: scale(1.4);
	}
	#mandatory-msg{
		font-size:1.40rem;
	}
	#register-text {
		font-size:1.60rem
	}
	#list-item-register li{
		line-height:1.80
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:50px; padding-right:50px;
	}
	legend.login-border {
		font-size:1.95rem;
	}
	.login-form{
		font-size:1.60rem; line-height:1.2;
	}
	.login-form input{
		min-height:38px; max-height:38px; font-size:1.60rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.60rem;  
	}
	#forgot-msg{
		font-size:1.40rem;
	}
	#login-text p{
		font-size:1.60rem
	}
	#loginwarning p{
		font-size:1.50rem
	}
	#loginwarning .dismiss_cls{ 
		font-size:1.50rem
	}
	
	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:50px; padding-right:50px;
	}
	legend.forget-border {
		font-size:1.95rem;
	}
	.forget-form{
		font-size:1.60rem; line-height:1.2;
	}
	.forget-form input{
		min-height:38px; max-height:38px; font-size:1.60rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.60rem;  
	}


	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
		min-height:410px
	}
	.cate-one h4{
		font-size: 1.80rem;
	}
	.cate-one label{
		font-size: 1.60rem
	}
	.cate-two{
	min-height:110px;
	}
	.cate-two h4{
		font-size: 1.80rem
	}
	.cate-two label{
		font-size: 1.60rem
	}
	
	
	/*==== Fabric Libray (Collection Page) Start Here =====*/
	#infobox {
		font-size:1.85rem
	}
	#listheading h5{
		font-size:1.85rem
	}
	#listheading a{
		font-size:1.85rem;
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1.5%; margin-bottom:1.5%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:1.6rem
	}
	.tooltips .tooltiptext{
		font-size:1.30rem;
	}
	.show_more{
		font-size: 1.6rem;
	}

	#searchresult {
		font-size:1.85rem
	}
	.searchvalue {
		font-size:1.65rem
	}
	.searchvalue a {
		font-size:1.65rem;
	}
	

 	/*=== Fabric Libray (Collection Page Search option) Start Here ===*/
	.search-form{
		line-height:1.3;
	}
	.input-group-search span{
		font-size:1.85rem;
	}
	.weightspan{
		width:33.3%
	}
	.weightspan label{
		font-size:1.45rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:38px; max-height:38px; font-size:1.85rem;  
	}
	.search-form input[type='radio']{
		min-height:28px; max-height:28px; vertical-align: middle;  
	}
	.search-form select{
		min-height:38px; max-height:38px; font-size:1.85rem; 
	}
	.search-form button{
		min-height:38px; max-height:38px; font-size:1.85rem;  
	}
	.search-form a{
		min-height:38px; max-height:38px; font-size:1.85rem;  
	}
	.search-dismiss button{
		min-height:38px; min-width:38px;  font-size:1.85rem;
	}
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.80rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.80rem;
	}
	.cate-cs label{
		font-size: 1.60rem;
	}

	
	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:30%; max-width: 30%; 
	}
	.features-img img{
		min-height:160px; padding:5px
	}
	.features-details{
		max-width: 70%;
	}
	.features-details h4{
		font-size: 2.80rem;
	}
	.features-details label{
		font-size:1.60rem
	}
	.features-details p{
		font-size:1.60rem; line-height:1.70
	}
	.features-head h4{
		font-size: 2.40rem;
	}
	.img-div{
		min-height:130px; max-width:130px;
	}
	.img-div img{
		min-height:120px; max-height:120px;
	}
	.text-category{
		min-height:130px; margin-left:130px;
	}
	.text-category h4{
		font-size:1.8rem;
	}
	.text-category small{
		font-size:1.45rem;
	}
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:225px; max-width:225px;
	}
	.img-icon-div img{
		min-height:215px; max-height:215px;
	}
	.text-feature-heading{
		min-height:90px; margin-left:90px;
	}
	.text-feature-heading h4{
		font-size:2.2rem;
	}
	.text-feature-heading small{
		font-size:1.8rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.8rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:82vh;
	}
	.display_img img{
		max-height:76vh; min-width:auto
	}
	.postView {
		
	}
	.display_img b{
		font-size:1.25rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:70vh!important;
	}
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.25rem;
	}
	.mousey {
		width: 3px; padding: 7px 10px; height: 20px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:10px;
	}
	.thumb b{
		font-size:1.35rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:2.45rem;
	}
	.fabric_table{
		font-size:1.55rem; margin-top:-5px; margin-bottom:10px
	}
	
	.more_info{
		font-size:1.55rem; 
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.55rem;
	}
	.view_cart{
		font-size:1.55rem;
	}
	.addQty button{
		min-height:30px; min-width:30px; max-width:30px; font-size:1.55rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px; max-width:60px; text-align:center; font-size:1.55rem;  vertical-align: middle;  
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.60rem
	}
	.cart-item{
		min-height:90px
	}
	.cart-img{
		min-height:90px
	}
	.cart-item-des{
		min-height:90px
	}
	.cart-item-des h3{
		font-size: 2.00rem
	}
	.cart-item-des p{
		font-size: 1.40rem
	}
	.cart-item-qty{
		min-height:90px
	}
	.cart-item-del{
		min-height:90px
	}
	.cart-item-del i{
		font-size: 1.60rem
	}
	.action-btn button{
		font-size: 1.60rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 1.5rem
	}
	
}


@media only screen and (min-width: 1321px) and (max-width:1367px) {
	/*==== Header CSS Code Start Here ====*/
	/*---- Header Top Section ----*/	
	.hd1 a{
		font-size:1.3rem;
	}
	.hd2{
		font-size:2.8rem;
	}
	.social-media {
		font-size:2.6rem
	}
		
	/*---- Header Bottom Section ----*/	
	#company-name {
		font-size:2.8rem; margin-left:50px
	}
	#company-text {
		margin-left:2px
	}
	#company-logo {
		max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;
	}
	.menu {
		font-size:3.0rem; position:absolute; top:4.5px;
	}
	.searchbtn{
		min-height:30px; min-width:30px; font-size: 1.5rem;
	}
	.dropbtn {
		font-size: 1.5rem;
	}
	.dropdown-content {
		font-size:1.5rem; min-width: 150px;
	}
	/*==== Header CSS Code End Here ====*/

	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 290px; left: -295px;
	}
	#sidebar ul li a {
		font-size: 1.5rem; margin-bottom:10px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	

	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -100px 0;
	}
	.footer b{
		font-size:1.45rem;
	}
	.footer a{
		font-size:1.45rem;
	}
	.footer p{
		font-size:1.40rem;
	}
	#footer_row {
		padding-left:25px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.40rem;
	}
	#footer_left {
		width:40%; 
	}
	#footer_right {
		width:60%; padding:0px 0px 0px 0px; background:blue;
	}
	#address_01 {
		margin-left:5%; width:50%;
	}
	#address_02 {
		width:45%; display:inline-block;
	}

	#footer_right b{
		 font-size:1.45rem
	}
	/*==== Footer CSS Code End Here ====*/
	
	
	/*==== Common for All Page ====*/
	#body-container{
		margin-top:95px; padding-bottom:70px; background:orange
	}
	.modal h4, p, label{
		font-size:1.60rem
	}
	.modal input{
		font-size:1.60rem
	}
	.modal textarea{
		font-size:1.60rem
	}
	.modal button{
		font-size:1.60rem
	}
	#times{
		font-size:2.60rem;
	}
	

	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}
	.carousel-caption b{
		font-size:3.0rem;
	}	
	.carousel-caption p{
		font-size:1.80rem;
	}
	.textarea{
		padding-left:80px!important; padding-right:80px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.60rem
	}
	#textbox h4{
		font-size:1.85rem
	}
	#list-item li{
		line-height:2.4
	}
	#image-thumb img{
		padding:10px; display:inline-block; width:47%; margin: 0 1.5%; float:left
   }

	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:1.95rem
	}
	.registration-form{
		font-size:1.60rem; line-height:1.1;
	}
	.registration-form select{
		min-height:35px; max-height:35px; font-size:1.60rem;
	}
	.registration-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.registration-form button{
		font-size:1.60rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);
	}
	#mandatory-msg{
		font-size:1.4rem;
	}
	#register-text {
		font-size:1.60rem
	}
	#list-item-register li{
		line-height:1.70
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:40px; padding-right:40px;
	}
	legend.login-border {
		font-size:1.95rem
	}
	.login-form{
		font-size:1.60rem; line-height:1.1;
	}
	.login-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.60rem;  
	}
	#forgot-msg{
		font-size:1.40rem;
	}
	#login-text p{
		font-size:1.60rem
	}
	#loginwarning p{
		font-size:1.50rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.50rem
	}


	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:40px; padding-right:40px; 
	}
	legend.forget-border {
		font-size:1.95rem;
	}
	.forget-form{
		font-size:1.60rem; line-height:1.1;
	}
	.forget-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.60rem;  
	}
	
	
	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
	 min-height:360px
	}
	.cate-one h4{
		font-size: 1.80rem
	}
	.cate-one label{
		font-size: 1.40rem
	}
	.cate-two{
	min-height:100px;
	}
	.cate-two h4{
		font-size: 1.80rem
	}
	.cate-two label{
		font-size: 1.40rem
	}
	
	
	/*==== Fabric Libray (Collection Page) Start Here =====*/
	#infobox {
		font-size:1.60rem
	}
	#listheading h5{
		font-size:1.60rem
	}
	#listheading a{
		font-size:1.60rem;
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1.5%; margin-bottom:1.5%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:1.5rem
	}
	.tooltips .tooltiptext{
		font-size:1.15rem;
	}
	.show_more{
		font-size: 1.4rem;
	}
	.searchvalue {
		font-size:1.40rem
	}
	.searchvalue a {
		font-size:1.40rem;
	}
	

	/*=== Fabric Libray (Collection Page Search) Start Here ===*/
	.search-form{
		line-height:1.2;
	}
	.input-group-search span{
		font-size:1.6rem;
	}
	.weightspan{
		width:33.3%
	}
	.weightspan label{
		font-size:1.4rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form input[type='radio']{
		min-height:25px; max-height:25px; vertical-align: middle;  
	}
	.search-form select{
		min-height:35px; max-height:35px; font-size:1.6rem; 
	}
	.search-form a{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form button{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-dismiss button{
		min-height:35px; min-width:35px;  font-size:1.6rem;
	}
	

	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.80rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.80rem;
	}
	.cate-cs label{
		font-size: 1.60rem;
	}
	

	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:30%; max-width: 30%; 
	}
	.features-img img{
		min-height:150px; padding:5px
	}
	.features-details{
		max-width: 70%;
	}
	.features-details h4{
		font-size: 2.80rem;
	}
	.features-details label{
		font-size:1.60rem
	}
	.features-details p{
		font-size:1.60rem; line-height:1.60
	}
	.features-head h4{
		font-size: 2.40rem;
	}
	.img-div{
		min-height:130px; max-width:130px;
	}
	.img-div img{
		min-height:120px; max-height:120px;
	}
	.text-category{
		min-height:130px; margin-left:130px;
	}
	.text-category h4{
		font-size:1.8rem;
	}
	.text-category small{
		font-size:1.55rem;
	}
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:90px; max-width:90px;
	}
	.img-icon-div img{
		min-height:80px; max-height:80px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:1.8rem;
	}
	.text-story-heading small{
		font-size:1.65rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.65rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:76vh;
	}
	.display_img img{
		max-height:70vh; min-width:auto
	}
	.display_img b{
		font-size:1.20rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:70vh!important;
	}
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.20rem;
	}
	.mousey {
		width: 3px; padding: 7px 10px; height: 20px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:10px;
	}
	.thumb b{
		font-size:1.30rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:2.40rem;
	}
	.fabric_table{
		font-size:1.50rem; margin-top:-5px; margin-bottom:10px
	}
	
	.more_info{
		font-size:1.50rem;
	}
	.add_cart{
		font-size:1.50rem;
	}
	.addQty button{
		min-height:30px; min-width:30px; max-width:30px; font-size:1.50rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px; max-width:50px; text-align:center; font-size:1.50rem;  vertical-align: middle;  
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.50rem
	}
	.cart-item-des h3{
		font-size: 1.90rem
	}
	.cart-item-des p{
		font-size: 1.30rem
	}
	.cart-item-del i{
		font-size: 1.50rem
	}
	
	
	.cart-item{
		min-height:90px
	}
	.cart-img{
		min-height:90px
	}
	.cart-item-des{
		min-height:90px
	}
	.cart-item-qty{
		min-height:90px
	}
	.cart-item-del{
		min-height:90px
	}
	.action-btn button{
		font-size: 1.60rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 1.4rem
	}
	
}


@media only screen and (min-width:1181px) and (max-width: 1321px) {
	/*==== Header CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */	
	.hd1 a{
		font-size:1.3rem;
	}
	.hd2 {
		font-size:2.8rem;
	}
	.social-media {
		font-size:2.6rem
	}
	
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:2.8rem;  margin-left:50px
	}
	#company-text {
		margin-left:2px
	}
	#company-logo {
		max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;
	}
	.menu {
		font-size:3.0rem; position:absolute; top:4.5px;
	}
	.searchbtn{
		min-height:30px; min-width:30px; font-size: 1.5rem;
	}
	.dropbtn {
		font-size: 1.5rem;
	}
	.dropdown-content {
		font-size:1.5rem; min-width: 150px;
	}
	/*==== Header CSS Code End Here ====*/
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 290px; left: -295px;
	}
	#sidebar ul li a {
		font-size: 1.5rem; margin-bottom:10px;
	}
	
	/*==== Sidebar CSS Code End Here ====*/
	

	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -120px 0;
	}
	.footer b{
		font-size:1.40rem;
	}
	.footer a{
		font-size:1.40rem;
	}
	.footer p{
		font-size:1.35rem;
	}
	#footer_row {
		padding-left:35px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.35rem;
	}
	#footer_left {
		width:40%; background:gray; float:left
	}
	#footer_right {
		width:60%; padding:0px 0px 0px 0px; background:orange; display: inline-block;
	}
	#address_01 {
		margin-left:1%; width:50%;
	}
	#address_02 {
		width:49%; display:inline-block;
	}


	/*==== Footer CSS Code End Here ====*/
	
	/*==== Common for All Page ====*/
	#body-container{
		margin-top:95px; padding-bottom:65px; background:Gray
	}
	.modal h4, p, label{
		font-size:1.50rem
	}
	.modal input{
		font-size:1.50rem
	}
	.modal textarea{
		font-size:1.50rem
	}
	.modal button{
		font-size:1.50rem
	}
	#times{
		font-size:2.50rem;
	}

	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}
	.carousel-caption b{
		font-size:2.80rem;
	}	
	.carousel-caption p{
		font-size:1.50rem;
	}
	.textarea{
		padding-left:70px!important; padding-right:70px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.50rem
	}
	#textbox h4{
		font-size:1.70rem
	}
	#list-item li{
		line-height:2.3
	}
	#image-thumb img{
		padding:10px; display:inline-block; width:47%; margin: 0 1.5%; float:left
   }
	
	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:1.85rem
	}
	.registration-form{
		font-size:1.50rem; line-height:1.1;
	}
	.registration-form select{
		min-height:35px; max-height:35px; font-size:1.50rem;
	}
	.registration-form input{
		min-height:35px; max-height:35px; font-size:1.50rem; vertical-align: middle;  
	}
	.registration-form button{
		font-size:1.50rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);
	}
	#mandatory-msg{
		font-size:1.30rem;
	}
	#register-text {
		font-size:1.50rem
	}
	#list-item-register li{
		line-height:1.80
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:25px; padding-right:25px;
	}
	legend.login-border {
		font-size:1.85rem
	}
	.login-form{
		font-size:1.50rem; line-height:1.1;
	}
	.login-form input{
		min-height:35px; max-height:35px; font-size:1.50rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.50rem;  
	}
	#forgot-msg{
		font-size:1.30rem;
	}
	#login-text p{
		font-size:1.50rem
	}
	#loginwarning p{
		font-size:1.40rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.40rem
	}


	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:25px; padding-right:25px; 
	}
	legend.forget-border {
		font-size:1.85rem;
	}
	.forget-form{
		font-size:1.50rem; line-height:1.1;
	}
	.forget-form input{
		min-height:35px; max-height:35px; font-size:1.50rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.50rem;  
	}
	
	
	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
		min-height:350px
	}
	.cate-one h4{
		font-size: 1.80rem
	}
	.cate-one label{
		font-size: 1.40rem
	}
	.cate-two{
		min-height:140px;
	}
	.cate-two h4{
		font-size: 1.80rem
	}
	.cate-two label{
		font-size: 1.40rem
	}
	
	
	
	/*==== Fabric Libray (Collection Page) Start Here =====*/
	#infobox {
		font-size:1.50rem
	}
	#listheading h5{
		font-size:1.50rem
	}
	#listheading a{
		font-size:1.50rem
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1.5%; margin-bottom:1.5%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:1.4rem
	}
	.tooltips .tooltiptext{
		font-size:1.10rem;
	}
	.show_more{
		font-size: 1.4rem;
	}
	.searchvalue {
		font-size:1.30rem
	}
	.searchvalue a {
		font-size:1.30rem;
	}
	

	/*=== Fabric Libray (Collection Page Search option) Start Here ===*/
	.search-form{
		line-height:1.2;
	}
	.input-group-search span{
		font-size:1.5rem;
	}
	.weightspan{
		width:33.3%
	}
	.weightspan label{
		font-size:1.2rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:35px; max-height:35px; font-size:1.5rem;  
	}
	.search-form input[type='radio']{
		min-height:25px; max-height:25px; vertical-align: middle;  
	}
	.search-form select{
		min-height:35px; max-height:35px; font-size:1.5rem; 
	}
	.search-form a{
		min-height:35px; max-height:35px; font-size:1.5rem;  
	}
	.search-form button{
		min-height:35px; max-height:35px; font-size:1.5rem;  
	}
	.search-dismiss button{
		min-height:35px; min-width:35px;  font-size:1.5rem;
	}

	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.80rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.80rem;
	}
	.cate-cs label{
		font-size: 1.60rem;
	}


	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:30%; max-width: 30%; 
	}
	.features-img img{
		min-height:150px; padding:5px;
	}
	.features-details{
		max-width: 70%;
	}
	.features-details h4{
		font-size: 2.65rem;
	}
	.features-details label{
		font-size:1.60rem
	}
	.features-details p{
		font-size:1.60rem; line-height:1.60
	}
	.features-head h4{
		font-size: 2.25rem;
	}
	.img-div{
		min-height:120px; max-width:120px;
	}
	.img-div img{
		min-height:110px; max-height:110px;
	}
	.text-category{
		min-height:120px; margin-left:120px; background:orange
	}
	.text-category h4{
		font-size:1.65rem;
	}
	.text-category small{
		font-size:1.45rem;
	}
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:90px; max-width:90px;
	}
	.img-icon-div img{
		min-height:80px; max-height:80px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:1.65rem;
	}
	.text-story-heading small{
		font-size:1.45rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.45rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:70vh
	}
	.display_img img{
		max-height:auto; min-width:100%
	}
	.postView {
	}
	.display_img b{
		font-size:1.15rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:70vh!important;
	}	
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.15rem;
	}
	.mousey {
		width: 3px; padding: 6px 9px; height: 18px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:10px;
	}
	.thumb b{
		font-size:1.25rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:2.30rem;
	}
	.fabric_table{
		font-size:1.45rem; margin-top:-5px; margin-bottom:10px
	}
	
	.more_info{
		font-size:1.45rem;
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.45rem;
	}
	.view_cart{
		font-size:1.45rem;
	}
	.addQty button{
		min-height:30px; min-width:30px; max-width:30px; font-size:1.45rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px;  max-width:45px;  text-align:center; font-size:1.45rem;  vertical-align: middle;  
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.40rem
	}
	.cart-item-des h3{
		font-size: 1.80rem
	}
	.cart-item-des p{
		font-size: 1.20rem
	}
	.cart-item-del i{
		font-size: 1.40rem
	}
	
	
	.cart-item{
		min-height:85px
	}
	.cart-img{
		min-height:85px
	}
	.cart-item-des{
		min-height:85px
	}
	.cart-item-qty{
		min-height:85px
	}
	.cart-item-del{
		min-height:85px
	}
	.action-btn button{
		font-size: 1.60rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 1.4rem
	}
}


@media only screen and (min-width:993px) and (max-width: 1181px) {
	/*==== Header CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */	
	.hd1 a{
		font-size:1.3rem;
	}
	.hd2 {
		font-size:2.8rem;
	}
	.social-media {
		font-size:2.6rem
	}
	
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:2.8rem;  margin-left:50px
	}
	#company-text {
		 margin-left:2px
	}
	#company-logo {
		max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;
	}
	.menu {
		font-size:3.0rem; position: absolute; top: 4.5px
	}
	.searchbtn{
		min-height:28px; min-width:28px; font-size: 1.4rem;
	}
	.dropbtn {
		font-size: 1.4rem;
	}
	.dropdown-content {
		font-size:1.4rem; min-width: 155px;
	}
	/*==== Header CSS Code End Here ====*/
	
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 280px; left: -285px;
	}
	#sidebar ul li a {
		font-size: 1.4rem; margin-bottom:10px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	

	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 -120px 0;
	}
	.footer b{
		font-size:1.45rem;
	}
	.footer a{
		font-size:1.45rem;
	}
	.footer p{
		font-size:1.40rem;
	}
	#footer_row {
		padding-left:35px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.45rem;
	}
	#footer_left {
		width:100%; padding: 1% 2% 1%;  background:gray; 
	}
	#footer_right {
		width:100%;  padding: 1% 2% 1%; background:silver;
	}
	#address_01 {
		width:50%;
	}
	#address_02 {
		width:50%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/

	/*==== Common for All Page ====*/
	#body-container{
		margin-top:90px; padding-bottom:130px; background:Pink
	}
	.modal h4, p, label{
		font-size:1.40rem
	}
	.modal input{
		font-size:1.40rem
	}
	.modal textarea{
		font-size:1.40rem
	}
	.modal button{
		font-size:1.40rem
	}
	#times{
		font-size:2.40rem;
	}

	/*==== Fabric Libray (Before Login) Start Here =====*/	
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}
	.carousel-caption b{
		font-size:2.40rem;
	}	
	.carousel-caption p{
		font-size:1.40rem;
	}
	.textarea{
		padding-left:65px!important; padding-right:65px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.40rem
	}
	#textbox h4{
		font-size:1.60rem
	}
	#list-item li{
		line-height:2.1
	}
	#image-thumb img{
		padding:12px; display:inline-block; width:47%; margin: 0 1.5%; float:left
   }
	
	/*==== Fabric Libray (Registration Page) Start Here =====*/
	legend.scheduler-border {
		font-size:1.85rem
	}
	.registration-form{
		font-size:1.40rem; line-height:1.1;
	}
	.registration-form select{
		min-height:35px; max-height:35px; font-size:1.40rem;
	}
	.registration-form input{
		min-height:35px; max-height:35px; font-size:1.40rem; vertical-align: middle;  
	}
	.registration-form button{
		font-size:1.40rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);
	}
	#mandatory-msg{
		font-size:1.20rem;
	}
	#register-text {
		font-size:1.40rem
	}
	#list-item-register li{
		line-height:1.70
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:0px; padding-right:0px;
	}
	legend.login-border {
		font-size:1.85rem
	}
	.login-form{
		font-size:1.40rem; line-height:1.1;
	}
	.login-form input{
		min-height:35px; max-height:35px; font-size:1.40rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.30rem;  
	}
	#forgot-msg{
		font-size:1.20rem;
	}
	#login-text p{
		font-size:1.30rem
	}
	#loginwarning p{
		font-size:1.20rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.20rem
	}


	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:0px; padding-right:0px; 
	}
	legend.forget-border {
		font-size:1.85rem;
	}
	.forget-form{
		font-size:1.40rem; line-height:1.1;
	}
	.forget-form input{
		min-height:35px; max-height:35px; font-size:1.40rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.40rem;  
	}
	
	
	/*==== Fabric Libray (Library home::first page after login) Start Here =====*/
	.cate-one{
	 min-height:330px
	}
	.cate-one h4{
		font-size: 1.6rem
	}
	.cate-one label{
		font-size: 1.3rem
	}
	.cate-two{
	min-height:140px;
	}
	.cate-two h4{
		font-size: 1.6rem
	}
	.cate-two label{
		font-size: 1.3rem
	}
	
	
	/*==== Fabric Libray (General Collection Page) Start Here =====*/
	#infobox {
		font-size:1.4rem
	}
	#listheading h5{
		font-size:1.4rem
	}
	#listheading a{
		font-size:1.4rem
	}
	.single-fabric {
		width:16.00%; margin-left:2%; margin-right:2%; margin-top:1%; margin-bottom:1%;  min-height:160px;
	}
	.single-fabric:hover img{
		-webkit-transform: scale(1.40) rotate(-3deg); -ms-transform: scale(1.40) rotate(-3deg); transform: scale(1.40) rotate(-3deg);
	}
	.stylename {
		line-height:1.8; font-size:1.3rem
	}
	.tooltips .tooltiptext{
		font-size:1.0rem;
	}
	.show_more{
		font-size: 1.3rem;
	}
	.searchvalue {
		font-size:1.20rem
	}
	.searchvalue a {
		font-size:1.20rem;
	}

	/*=== Fabric Libray (Collection Page Search Option) Start Here ===*/
	.search-form{
		line-height:1.2;
	}
	.input-group-search span{
		font-size:1.4rem;
	}
	.weightspan{
		width:50%
	}
	.weightspan label{
		font-size:1.2rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:35px; max-height:35px; font-size:1.4rem;  
	}
	.search-form input[type='radio']{
		min-height:25px; max-height:25px; vertical-align: middle;  
	}
	.search-form select{
		min-height:35px; max-height:35px; font-size:1.4rem; 
	}
	.search-form a{
		min-height:35px; max-height:35px; font-size:1.4rem;  
	}
	.search-form button{
		min-height:35px; max-height:35px; font-size:1.4rem;  
	}
	.search-dismiss button{
		min-height:35px; min-width:35px;  font-size:1.4rem;
	}
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.60rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.60rem;
	}
	.cate-cs label{
		font-size: 1.40rem;
	}


	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:35%; max-width: 35%; 
	}
	.features-img img{
		min-height:200px; padding:5px
	}
	.features-details{
		max-width: 65%;
	}
	.features-details h4{
		font-size: 2.40rem;
	}
	.features-details label{
		font-size:1.50rem
	}
	.features-details p{
		font-size:1.50rem; line-height:1.55
	}
	.features-head h4{
		font-size: 2.0rem;
	}
	.img-div{
		min-height:110px; max-width:110px;
	}
	.img-div img{
		min-height:100px; max-height:100px;
	}
	.text-category{
		min-height:110px; margin-left:110px; background:orange
	}
	.text-category h4{
		font-size:1.5rem;
	}
	.text-category small{
		font-size:1.20rem;
	}
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:80px; max-width:80px;
	}
	.img-icon-div img{
		min-height:70px; max-height:70px;
	}
	.text-story-heading{
		min-height:80px; margin-left:80px;
	}
	.text-story-heading h4{
		font-size:1.5rem;
	}
	.text-story-heading small{
		font-size:1.20rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.20rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:90px; max-width:90px;
	}
	.img-icon-div img{
		min-height:80px; max-height:80px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:1.65rem;
	}
	.text-story-heading small{
		font-size:1.45rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.45rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:62vh;
	}
	.display_img img{
		max-height:56vh; width:100%
	}
	.postView {
	}
	.display_img b{
		font-size:1.15rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:62vh!important;
	}
		
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.15rem;
	}
	.mousey {
		width: 3px; padding: 6px 8px; height: 15px;
	}
	
	.thumb{
		 display:inline-block; width:100%; margin-bottom:10px; background:red
	}
	.thumb b{
		font-size:1.15rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px
	}
	.fabric_details h3{
		font-size:2.20rem;
	}
	.fabric_table{
		font-size:1.30rem; margin-top:-5px; margin-bottom:10px
	}
	
	.more_info{
		font-size:1.30rem;
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.30rem;
	}
	.view_cart{
		font-size:1.30rem;
	}
	.addQty button{
		min-height:30px; min-width:30px; max-width:30px; font-size:1.30rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px;  max-width:35px;  text-align:center; font-size:1.30rem;  vertical-align: middle;  
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.30rem
	}
	.cart-item{
		min-height:85px
	}
	.cart-img{
		min-height:85px
	}
	.cart-item-des{
		min-height:85px
	}
	.cart-item-des h3{
		font-size: 1.70rem
	}
	.cart-item-des p{
		font-size: 1.10rem
	}
	.cart-item-del i{
		font-size: 1.30rem
	}
	.cart-item-qty{
		min-height:85px
	}
	.cart-item-del{
		min-height:85px
	}
	.action-btn button{
		font-size: 1.30rem
	}

	/*== Common For After Login Page ============================*/
	.page-heading h5{
		font-size: 1.2rem
	}
}


@media only screen and (min-width: 993px) {	
/* ---- Header Section ---- */
	.hd1 {
		display:block
	}
	.hd3 {
		display:block
	}
	.dropdown{
		margin-right:28px
	}
	.searchtext{
		display:inline-block
	}
	.dropbtn {
		display:block
	}
	
	.dropbtn-mobile{
		display:none
	}

/* ---- Footer Section ---- */
	#right-desk{
		display:block;
	}
	#right-mobile{
		display:none
	}
	
/* ---- Body Section ---- */
	#image-desk{
		display:block
	}


/* General Collection Section --- */
	.single-fabric:hover img{
		transition: 1s ease; border-radius:10px;
	}
	.single-fabric:hover .stylename{
		background:#fff; transition: .5s ease;
	}
	.single-fabric:hover .fabric-view{
		border-color:#fff; transition: 1s ease;
	}
	.tooltips:hover .tooltiptext {
		visibility: visible; opacity: 1;
	}
	
	.composition {
		display:none
	}

/* Collection Stories & My Account  ----*/
	#desk-view{
		display:inline-block
	}
	#mob-view{
		display:none
	}

/* More Info Modal (Fabric View Page) */
	#library_modal{
		min-width:50%!important;
	}
	

}


@media only screen and (min-width:769px) and (max-width: 993px) {
	/*==== Header CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */
	.hd1 {
		display:none
	}
	.hd2 {
		font-size:3.0rem;
	}
	.hd3 {
		display:none
	}
		
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:3.0rem; margin-left:45px
	}
	#company-text {
		margin-left:2px
	}
	#company-logo {
		max-height:45px! important; margin-top:5px !important; margin-bottom:5px! important;
	}
	.menu {
		font-size:3.2rem; position: absolute; top:0px
	}
	.searchbtn{
		min-height:30px; min-width:30px; font-size: 1.6rem;
	}
	.searchtext{
		display:none
	}
	.dropdown{
		margin-right:20px
	}
	.dropbtn {
		font-size: 1.5rem; display:block
	}
	.dropbtn-mobile{
		display:none
	}
	.dropdown-content {
		font-size:1.5rem; min-width: 145px;
	}
	/*==== Header CSS Code Start Here ====*/
	
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 280px; left: -285px;
	}
	#sidebar ul li a {
		font-size: 1.6rem; margin-bottom:10px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	
	
	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 0px 0;
	}
	.footer b{
		font-size:1.40rem;
	}
	.footer a{
		font-size:1.40rem;
	}
	.footer p{
		font-size:1.30rem;
	}
	#footer_row {
		padding-left:35px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.40rem;
	}
	#footer_left {
		width:100%; padding: 1% 2% 1%;  background:gray; 
	}
	#footer_right {
		width:100%;  padding: 1% 2% 1%; background:red;
	}
	#address_01 {
		width:53%; float: left;
	}
	#address_02 {
		width:47%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/

	/*==== Common for All Page ====*/
	#body-container{
		margin-top:100px; padding-bottom:260px; background:Red
	}
	.modal h4, p, label{
		font-size:1.50rem
	}
	.modal input{
		font-size:1.50rem
	}
	.modal textarea{
		font-size:1.50rem
	}
	.modal button{
		font-size:1.50rem
	}
	#times{
		font-size:2.50rem;
	}
	
	/*==== Fabric Libray (Before Login) Start Here =====*/
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:100px
	}
	.carousel-caption b{
		font-size:2.4rem;
	}	
	.carousel-caption p{
		font-size:1.5rem;
	}
	.textarea{
		padding-left:65px!important; padding-right:65px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.50rem
	}
	#textbox h4{
		font-size:1.60rem
	}
	#list-item li{
		line-height:2.0
	}
	#image-thumb img{
		padding:15px; display:inline-block; width:24%; margin: 0 .25%; float:left
   }
	
	
	/*==== Fabric Libray (Registration Page) Start Here =====*/
	#body-container-sub{
		padding-left:90px; padding-right:90px;
	}
	legend.scheduler-border {
		font-size:2.0rem
	}
	.registration-form{
		font-size:1.60rem; line-height:1.1;
	}
	.registration-form select{
		min-height:35px; max-height:35px; font-size:1.60rem;
	}
	.registration-form input{
		min-height:35px; max-height:35px; font-size:1.60rem;  vertical-align: middle; 
	}
	.registration-form button{
		font-size:1.60rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);  z-index:1000
	}
	#mandatory-msg{
		font-size:1.50rem;
	}
	#register-text {
		font-size:1.60rem
	}
	#list-item-register li{
		line-height:1.60
	}
	
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:90px; padding-right:90px;
	}
	legend.login-border {
		font-size:2.0rem
	}
	.login-form{
		font-size:1.6rem; line-height:1.1;
	}
	.login-form input{
		min-height:35px; max-height:35px; font-size:1.6rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.6rem;  
	}
	#forgot-msg{
		font-size:1.4rem;
	}
	#login-text p{
		font-size:1.60rem
	}
	#loginwarning p{
		font-size:1.50rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.60rem
	}


	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:90px; padding-right:90px; 
	}
	legend.forget-border {
		font-size:2.0rem;
	}
	.forget-form{
		font-size:1.60rem; line-height:1.1;
	}
	.forget-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.60rem;  
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#body-container-opt a{
		text-decoration:none
	}
	
	.page-heading h5{
		font-size: 1.4rem;
	}
	.cate-one{
	 min-height:300px
	}
	.cate-one h4{
		font-size: 1.8rem
	}
	.cate-one label{
		font-size: 1.5rem
	}
	.cate-two{
	min-height:140px;
	}
	.cate-two h4{
		font-size: 1.8rem
	}
	.cate-two label{
		font-size: 1.5rem
	}
	
	
	
	/*==== Fabric Libray (Collection Page) Start Here =====*/
	#infobox {
		font-size:1.40rem
	}
	#listheading h5{
		font-size:1.40rem
	}
	#listheading a{
		font-size:1.40rem
	}
	.single-fabric {
		width:47.00%; margin-left:1.5%; margin-right:1.5%; margin-top:2%; margin-bottom:2%;  min-height:160px;
	}
	.single-fabric:hover img{
		transition: 1s ease; border-radius:0px;
	}
	.stylename {
		line-height:1.8; font-size:1.3rem
	}
	
	.single-fabric:hover .stylename{
		color:#fff; background:#0063cc; transition: 1s ease;
	}
	.composition{
		display:inline-block; width:100%; color:#fff; background:#004086; padding-left:5px; font-size:1.20rem
	}
	.single-fabric:hover .composition{
		color:#fff; background:#0063cc; transition: 1s ease;
	}
	
	.single-fabric:hover .fabric-view{
		background:#0063cc; transition: 1s ease;
	}
	
	.tooltips .tooltiptext{
		font-size:1.0rem;
	}
	.tooltips:hover .tooltiptext {
		visibility: visible; opacity: 0;
	}
	.show_more{
		font-size: 1.3rem;
	}
	.searchvalue {
		font-size:1.20rem
	}
	.searchvalue a {
		font-size:1.20rem;
	}
	

	/*=== Fabric Libray (Collection Page Search Option) Start Here ===*/
	.search-form{
		line-height:1.2;
	}
	.input-group-search span{
		font-size:1.6rem;
	}
	.weightspan{
		width:50%; float:left; z-index:1
	}
	.weightspan label{
		font-size:1.3rem; font-weight:normal
	}
	.search-form input[type='text']{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form input[type='radio']{
		min-height:30px; max-height:30px; vertical-align: middle;
	}
	.search-form select{
		min-height:35px; max-height:35px; font-size:1.6rem; 
	}
	.search-form a{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form button{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-dismiss button{
		min-height:35px; min-width:35px;  font-size:1.6rem;
	}
	
	/*=== Collection Stories & My Account ===*/
	
	#desk-view{
		display:none
	}
	
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.80rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.80rem;
	}
	.cate-cs label{
		font-size: 1.60rem;
	}

	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:40%; max-width: 40%;
	}
	.features-img img{
		min-height: 190px; padding:5px
	}
	.features-details{
		max-width: 60%;
	}
	.features-details h4{
		font-size: 2.40rem;
	}
	.features-details label{
		font-size:1.50rem
	}
	.features-details p{
		font-size:1.50rem; line-height:1.55
	}
	.features-head h4{
		font-size: 2.0rem;
	}
	.img-div{
		min-height:120px; max-width:120px;
	}
	.img-div img{
		min-height:110px; max-height:110px;
	}
	.text-category{
		min-height:120px; margin-left:120px;
	}
	.text-category h4{
		font-size:1.8rem;
	}
	.text-category small{
		font-size:1.60rem;
	}
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:90px; max-width:90px;
	}
	.img-icon-div img{
		min-height:80px; max-height:80px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:1.80rem; color:gray
	}
	.text-story-heading small{
		font-size:1.60rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.60rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:62vh; width:100%; margin-bottom:8px
	}
	.display_img img{
		max-height:auto; min-width:auto
	}
	.postView {
	}
	.display_img b{
		font-size:1.25rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:62vh!important;
	}
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:1.25rem;
	}
	.mousey {
		width: 3px; padding: 8px 9px; height: 15px;
	}
	
	.thumb_row{
		display:inline-block; min-width:100%; margin-left:0px;
	}
	.thumb{
		 display:inline-block; float:left; width:25%;  margin-right:1.50%; margin-bottom:10px;
	}
	.thumb b{
		font-size:1.25rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px; margin-bottom:20px
	}
	.fabric_details h3{
		font-size:2.40rem;
	}
	.fabric_table{
		font-size:1.50rem; margin-top:-5px; margin-bottom:10px
	}
	
	
	.more_info{
		font-size:1.50rem;
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.50rem;
	}
	.view_cart{
		font-size:1.50rem;
	}
	.addQty button{
		min-height:30px; min-width:40px; max-width:40px; font-size:1.50rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px;  min-width: 100px; max-width:100px;  text-align:center; font-size:1.50rem;  vertical-align: middle;  
	}

	/* More Info Modal (Fabric View Page) */
	#library_modal{
		min-width:80%!important;
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.60rem
	}
	.cart-item{
		min-height:95px
	}
	.cart-img{
		min-height:95px
	}
	.cart-item-des{
		min-height:95px
	}
	.cart-item-des h3{
		font-size: 2.00rem
	}
	.cart-item-des p{
		font-size: 1.40rem
	}
	.cart-item-qty{
		min-height:95px
	}
	.cart-item-del{
		min-height:95px
	}
	.cart-item-del i{
		font-size: 1.60rem
	}
	.action-btn button{
		font-size: 1.60rem
	}
}


@media only screen and (min-width:1px) and (max-width: 768px) {
	/*==== Sidebar CSS Code Start Here ====*/
	/* ----- Header Top Section ----- */
	.hd1 {
		display:none
	}
	.hd2 {
		font-size:2.5rem;
	}
	.hd3 {
		display:none
	}
	
	/* ----- Header Bottom Section ----- */	
	#company-name {
		font-size:2.5rem; margin-left:45px
	}
	#company-text {
		margin-left:2px; letter-spacing:0px
	}
	#company-logo {
		max-height:40px! important; margin-top:7.5px !important; margin-bottom:5px! important; 
	}
	.menu {
		font-size:2.8rem; position:absolute; top:0;
	}
	.dropdown{
		margin-right:5px
	}
	.searchbtn{
		min-height:35px; min-width:35px; font-size: 2.4rem;
	}
	.searchtext{
		display:none
	}
	.dropbtn {
		font-size: 1.4rem; display:none
	}
	.dropbtn-mobile{
		font-size:3.0rem; 
	}
	.dropdown-content {
		font-size:1.4rem; min-width: 145px; margin-left:-110px
	}
	
	/*==== Sidebar CSS Code Start Here ====*/
	.sidebar {
		width: 280px; left: -285px;
	}
	#sidebar ul li a {
		font-size: 1.6rem; margin-bottom:10px;
	}
	/*==== Sidebar CSS Code End Here ====*/
	
	
	/*==== Footer CSS Code Start Here ====*/
	.footer{
		margin: 0 0 0px 0;
	}
	.footer b{
		font-size:1.40rem;
	}
	.footer a{
		font-size:1.35rem;
	}
	.footer p{
		font-size:1.30rem;
	}
	#footer_row {
		padding-left:35px!important; padding-right:35px!important; padding-top:10px;
	}
	.footer span{
		font-size:1.40rem;
	}
	#footer_left {
		width:100%; padding: 1% 2% 1%;  background:gray; 
	}
	#footer_right {
		width:100%;  padding: 1% 2% 1%; background:green;
	}
	#address_01 {
		width:100%; float: left;
	}
	#address_02 {
		width:100%; display:inline-block;
	}
	/*==== Footer CSS Code End Here ====*/

	/*==== Common for All Page ====*/
	#body-container{
		margin-top:95px; padding-bottom:380px; background:orange
	}
	.modal h4, p, label{
		font-size:1.50rem
	}
	.modal input{
		font-size:1.50rem
	}
	.modal textarea{
		font-size:1.50rem
	}
	.modal button{
		font-size:1.50rem
	}
	#times{
		font-size:2.50rem;
	}

	/*==== Fabric Libray (Before Login) Start Here =====*/	
	#carousel-caption-01{
		text-align:right;
	}
	#carousel-caption-02{
		text-align:right; top:20px
	}	
	#carousel-caption-03{
		text-align:right; top:30px
	}
	.carousel-caption b{
		font-size:2.0rem;
	}	
	.carousel-caption p{
		font-size:1.50rem;
	}
	.textarea{
		padding-left:30px!important; padding-right:35px!important; margin-top: 10px; margin-bottom: 20px;
	}
	#textbox {
		font-size:1.50rem
	}
	#textbox h4{
		font-size:1.60rem
	}
	#list-item li{
		line-height:2.0
	}
	#image-thumb img{
		 padding:8px; display:inline-block; width:47%; margin: 0 1.5%; float:left
	}
	
	
	/*==== Fabric Libray (Registration Page) Start Here =====*/
	#body-container-sub{
		padding-left:10px; padding-right:10px;
	}
	legend.scheduler-border {
		font-size:2.0rem
	}
	.registration-form{
		font-size:1.60rem; line-height:1.1;
	}
	.registration-form select{
		min-height:35px; max-height:35px; font-size:1.60rem;
	}
	.registration-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.registration-form button{
		font-size:1.60rem;  
	}
	input[type="radio"] {
    -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
	}
	#mandatory-msg{
		font-size:1.40rem;
	}
	#register-text {
		font-size:1.60rem
	}
	#list-item-register li{
		line-height:1.80
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#login-div{
		padding-left:10px; padding-right:10px;
	}
	legend.login-border {
		font-size:2.0rem
	}
	.login-form{
		font-size:1.60rem; line-height:1.2;
	}
	.login-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.login-form button{
		font-size:1.60rem;  
	}
	#forgot-msg{
		font-size:1.40rem;
	}
	#login-text p{
		font-size:1.60rem
	}
	#loginwarning p{
		font-size:1.50rem
	}
	#loginwarning .dismiss_cls{
		font-size:1.60rem
	}


	/*==== Fabric Libray (Forget Password/Update Password Page) Start Here =====*/
	#forget-div{
		padding-left:10px; padding-right:10px; 
	}
	legend.forget-border {
		font-size:2.0rem;
	}
	.forget-form{
		font-size:1.60rem; line-height:1.2;
	}
	.forget-form input{
		min-height:35px; max-height:35px; font-size:1.60rem; vertical-align: middle;  
	}
	.forget-form button{
		font-size:1.60rem;  
	}
	
	
	/*==== Fabric Libray (Login Page) Start Here =====*/
	#body-container-opt a{
		text-decoration:none
	}
	
	.page-heading h5{
		font-size: 1.4rem
	}
	.cate-one{
	 min-height:300px
	}
	.cate-one h4{
		font-size: 1.80rem
	}
	.cate-one label{
		font-size: 1.5rem
	}
	.cate-two{
	min-height:140px;
	}
	.cate-two h4{
		font-size: 1.8rem
	}
	.cate-two label{
		font-size: 1.5rem
	}
	
	/*==== Fabric Libray (Collection Page) Start Here =====*/
	#infobox {
		font-size:1.50rem
	}
	#listheading h5{
		font-size:1.50rem
	}
	#listheading a{
		font-size:1.50rem
	}
	.single-fabric {
		width:48.00%; margin-left:1%; margin-right:1%; margin-top:2%; margin-bottom:2%;  min-height:160px;
	}
	.single-fabric:hover img{
		transition: 1s ease; border-radius:0px;
	}
	.stylename {
		line-height:1.8; font-size:1.4rem
	}
	
	.single-fabric:hover .stylename{
		color:#fff; background:#0063cc; transition: 1s ease;
	}
	.composition{
		display:inline-block; width:100%; color:#fff; background:#004086; padding-left:5px; font-size:1.0rem
	}
	.single-fabric:hover .composition{
		color:#fff; background:#0063cc; transition: 1s ease;
	}
	
	.single-fabric:hover .fabric-view{
		background:#0063cc; transition: 1s ease;
	}
	
	.tooltips .tooltiptext{
		font-size:1.0rem;
	}
	.tooltips:hover .tooltiptext {
		visibility: visible; opacity: 0;
	}
	.show_more{
		font-size: 1.3rem;
	}
	.searchvalue {
		font-size:1.30rem
	}
	.searchvalue a {
		font-size:1.30rem;
	}
	
	

	/*=== Fabric Libray (Collection Page Search Option) Start Here ===*/
	.search-form{
		line-height:1.2;
	}
	.input-group-search span{
		font-size:1.6rem;
	}
	.weightspan{
		width:50%; float:left;  z-index:1
	}
	.weightspan label{
		font-size:1.3rem; font-weight:normal;
	}
	.search-form input[type='text']{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form input[type='radio']{
		min-height:35px; max-height:35px; vertical-align: middle;  
	}
	.search-form select{
		min-height:35px; max-height:35px; font-size:1.6rem; 
	}
	.search-form a{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-form button{
		min-height:35px; max-height:35px; font-size:1.6rem;  
	}
	.search-dismiss button{
		min-height:35px; min-width:35px;  font-size:1.6rem;
	}
	
	/*=== Collection Stories & My Account ===*/
	#desk-view{
		display:none
	}
	
	/*==== Fabric Libray (Virtual Tour) Start Here =====*/
	.cate-vt h4{
		font-size: 1.80rem;
	}

	/*==== Fabric Libray (Collection Stories) Start Here =====*/
	.cate-cs h4{
		font-size: 1.60rem;
	}
	.cate-cs label{
		font-size: 1.40rem;
	}

	/*=== Fabric Libray (Collection Features) Start Here ===*/
	.features{
		margin-bottom: 30px;
	}
	.features-img{
		min-width:100%; max-width: 100%; 
	}
	.features-img img{
		min-height: 190px; padding: 10px 20px
	}
	.features-details{
		max-width: 100%;
	}
	.features-details h4{
		font-size: 2.40rem;
	}
	.features-details label{
		font-size:1.50rem
	}
	.features-details p{
		font-size:1.50rem; line-height:1.55
	}
	.features-head h4{
		font-size: 2.0rem;
	}
	.img-div{
		min-height:120px; max-width:120px;
	}
	.img-div img{
		min-height:110px; max-height:110px;
	}
	.text-category{
		min-height:120px; margin-left:120px;
	}
	.text-category h4{
		font-size:1.80rem;
	}
	.text-category small{
		font-size:1.60rem;
	}
	
	
	/*=== Fabric Libray (Stories Detail Page) Start Here ===*/
	.img-icon-div{
		min-height:90px; max-width:90px;
	}
	.img-icon-div img{
		min-height:80px; max-height:80px;
	}
	.text-story-heading{
		min-height:90px; margin-left:90px;
	}
	.text-story-heading h4{
		font-size:1.80rem;
	}
	.text-story-heading small{
		font-size:1.60rem;
	}
	.story-row{
		margin-top:10px; margin-bottom:10px;
	}
	
	.story-line{
		font-size:1.60rem; margin-top:10px; margin-bottom:10px;
	}
	
	
	
	/*=== Fabric Library (Fabric View Page) Start Here ===*/
	.display_img{
		min-height:40vh; width:100%; margin-bottom:6px
	}
	.display_img img{
		max-height:auto; min-width:100%
	}
	.postView {
	}
	.display_img b{
		font-size:.85rem; padding:3px; font-weight:normal;
	}
	.loding{
		min-height:40vh!important;
	}
	
	
	/*Scroll to Zoom*/
	.scroll-downs{
		font-size:.85rem;
	}
	.mousey {
		width: 3px; padding: 6px 7px; height: 15px;
	}
	
	.thumb_row{
		display:inline-block; min-width:100%; margin-left:0px;
	}
	.thumb{
		 display:inline-block; float:left; width:25%;  margin-right:1.50%; margin-bottom:10px;
	}
	
	.thumb b{
		font-size:1.15rem; padding:3px;
	}
	
	.fabric_details{
		padding-left:15px; padding-right:15px; margin-bottom:20px
	}
	.fabric_details h3{
		font-size:2.40rem;
	}
	.fabric_table{
		font-size:1.40rem; margin-top:-5px; margin-bottom:10px
	}
	
	
	.more_info{
		font-size:1.40rem;
	}
	.addView{
		width:100%;
	}
	.add_cart{
		font-size:1.40rem;
	}
	.view_cart{
		font-size:1.40rem;
	}
	.addQty button{
		min-height:30px; min-width:30px; max-width:30px; font-size:1.40rem; vertical-align: middle; 
	}
	.addQty input{
		min-height:30px;  min-width: 40px; max-width:40px;  text-align:center; font-size:1.40rem;  vertical-align: middle; 
	}

	/* More Info Modal (Fabric View Page) */
	#library_modal{
		min-width:80%!important;
	}
	
	/*=== Fabric Library (Cart Page) Start Here ===*/
	.cart_show label{
		font-size: 1.30rem
	}
	.cart-item{
		min-height:95px
	}
	.cart-img{
		min-height:95px
	}
	.cart-item-des{
		min-height:95px
	}
	.cart-item-des h3{
		font-size: 1.60rem
	}
	.cart-item-des p{
		font-size: 1.10rem
	}
	.cart-item-qty{
		min-height:95px
	}
	.cart-item-del{
		min-height:95px
	}
	.cart-item-del i{
		font-size: 1.30rem
	}
	.action-btn button{
		font-size: 1.30rem
	}
}