@media only screen and (max-width: 1300px){
	.main-footer .contact-widget .social-links{
		position:relative;
		left:0px;
		top:0px;
		width:100%;	
	}
}

@media only screen and (max-width: 1140px){
	.main-menu .navigation > li{
		margin-right:18px;	
	}
	
	.get-quote .column .image{
		position:relative;	
	}
	
	.get-quote .column .image img{
		display:block;
		max-width:100%;
	}
}


@media only screen and (max-width: 1023px){
	.main-footer .contact-widget{
		padding-right:10px;	
	}
	
	.why-us-section .bg-grey {
		display:none;	
	}
	
	.why-us-section .bg-image{
		position:relative;
		display:none	
	}
	
	.blog-section .review-box .review-content br{
		display:none;	
	}
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	.upArrow {
	    display: none !important; 
	}
	
	.downArrow {
	    display: none !important; 
	}
	
}

@media only screen and (max-width:767px)
{
    
.usefultools #rdn_yes, .usefultools #rdn_no, .usefultools #rdn_languagear, .usefultools #rdn_languageen, .requiredradio #rdn_IsCustomer_0, .requiredradio #rdn_IsCustomer_1, .requiredradio #rdn_Gnder_0, .requiredradio #rdn_Gnder_1, .usefultools #rdn_qatari, .usefultools #rdn_expat {
    top: 35px !important;
}
	
	.searchmobilePopUp #txtSearch, .searchmobilePopUp #txtSearchMobile {
    font-weight: 500;
    width: 95%;
    background: #ccc;
    float: right;
    padding: 6px;
    margin: 15px 0px;
    }
	.app ul li i {display: none;}
	.side-menu-holder
    {
        display: none !important;
    }
	
	.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	 position: absolute;
     left: 6px;
     top: 0px;
     width: 96%!important; /* for mobile dropdown click even on whole tab */
     height: 40px!important;
    }
	
	.header-lower .outer-box{
		padding-right:0px;	
	}
	
	.header-lower .outer-box .search-box-btn{
		display:none;	
	}
	
	.main-menu
    {
        float: none;
        margin-right: -130px;
        right: -10px;
        top: 60px;
        z-index: 5;
        padding: 0px;
        height:0px;
    }
    
    .bread-crumb {
        margin-top: 5px !important;
    }
	
	
	.main-header .header-lower .cart-box-btn{
		top:10px;	
	}
	
	.main-menu .collapse {
		position:relative;
	    max-height:auto;
		overflow:hidden !important;
		float:none;
		width:100%;
		padding:0px;
		border:1px solid #ffffff;
		margin:-50px 10px 0px !important;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px;
		border:1px solid #ffffff;
		margin:-50px 10px 0px !important;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	
	.main-menu .navbar-header{
		position:relative;
		float:left;
		display:block;
		padding:8px 0px;
		left:0px;
		width:auto;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle
    {
        display: block;
        z-index: 7;
        border: 1px solid #fff;
        margin: 1px 0px 0px 0px;
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar
    {
        background: #fff;
    }
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px;
		width:100%;
		background:#e9e9e9;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px;
		float:none;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
		
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		    border-right: 0px solid rgb(255, 255, 255);
	}
	
	.main-menu .navigation > li > ul > li > a:after,
	.main-menu .navigation > li > ul:before,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:5px 0px 0px 0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		/*width:100%;
		background:#1a7bb2;*/
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255, 255, 255, 1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255, 255, 255, 1) !important;	    
		padding: 10px 0px 5px 0px;
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding: 7px 7px !important;
		line-height: 25px;
		color: #07273a;
        background: transparent;
        text-align: left;
        margin: 0px 2px;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		/*background:#1a7bb2;*/
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navbar-collapse > .navigation > li.dropdown > a::after{
		display:none !important;	
	}
	
	.main-footer .footer-bg-layer,
	.main-footer:after{
		display:none;	
	}
	
	.main-footer .about-widget .des-text .logo-image{
		 position:relative;	
	}
	
	.main-footer .about-widget .des-text{
		padding-left:0px;	
	}
	
	.main-slider h2,
	.why-us-section .block .number,
	.page-title h1{
		font-size:34px;	
	}
	
	.why-us-section .block{
		padding-left:50px;	
	}
	
	.main-header .header-top ul li{
		margin-left:0px;
		margin-right:12px;	
	}
	
	.featured-three-column{
		margin-top:0px !important;
		padding-top:70px;	
	}
	
	.topsection_menu
	{
		 padding: 15px 0px;
		 margin: 0 auto;
		 margin-left: 0%;
		
	}
	
	.main-header .header-lower .logo:before {
    	display:none;
	}
	
	.main-header .header-lower .cart-box-btn {
		padding-left: 0px;
		left: -15px !important;
        top: -62px !important;
        width: 28% !important;
	}
	
	.header-lower.blue .bgnavmenu {
        background-color: #02336b!important;
    }
    
    .header-lower.ladies .bgnavmenu {
        background-color: #6E267B!important;
    }
    
    .header-lower.brown .bgnavmenu {
        background-color: #937c5d!important;
    }
    
        /* add by vm for top all tamayus popup */
    .header-lower.blue .searchmobileButton {
        background-color: #666!important;
    }
    
    .header-lower.blue .mobileButton {
        background-color: #666!important;
    }
    
    .header-lower.blue .btnReach .info-title
    {
        background-color: #666!important;
    }
    
    .header-lower.blue .btnReach .newaccountlink a
    {
       color: #666!important;
    }
    
    .header-lower.blue .downlodapp i
    {
       color: #666!important;
    }
    
    
    /* add by vm for top all ladies popup */
    .header-lower.ladies .searchmobileButton {
        background-color: #a97fb2!important;
    }
    
    .header-lower.ladies .mobileButton {
        background-color: #a97fb2!important;
    }
    
    .header-lower.ladies .btnReach .info-title
    {
        background-color: #a97fb2!important;
    }
    
    .header-lower.ladies .btnReach .newaccountlink a
    {
       color: #a97fb2!important;
    }
    
    .header-lower.ladies .downlodapp i
    {
       color: #a97fb2!important;
    }
    
    /* add by vm for top all private popup */
    .header-lower.brown .searchmobileButton {
        background-color: #000!important;
    }
    
    .header-lower.brown .mobileButton {
        background-color: #000!important;
    }
    
    .header-lower.brown .btnReach .info-title
    {
        background-color: #000!important;
    }
    
    .header-lower.brown .btnReach .newaccountlink a
    {
       color: #000!important;
    }
    
    .header-lower.brown .downlodapp i
    {
       color: #000!important;
    }
    
    .sticky-links li:last-child
	{
	    display:none;
	}

}

@media only screen and (max-width: 599px){
	.main-header .header-lower .logo::after{
		display:none;	
	}
	
	.about-section .lower-content .content-box{
		padding:40px 20px;	
	}
	
	.sidebar-section .comments-area .reply-comment{
		margin-left:0px;	
	}
	
	.page-wrapper{
		overflow:hidden;	
	}
}

@media only screen and (max-width: 479px) 
{
    .app ul li i {
           display:none !important;
    }
    
    .owl-buttons
    {
        display:none;
    }
    /* ticker mobile */
    .modern-ticker .mt-controls
    {
        display:none;
    }
    
    .modern-ticker .mt-label a.default-btn-style-two
    {
        padding: 2px 10px 4px!important;
        line-height: 16px!important;
        border-radius: 5px!important;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        width: 75px!important;
        text-align:right;
    }
    
     .mt-scroll .mt-news
    {
        width:280px !important;
        margin-left:-80px!important;
    }
    
    .country_item {
        width: 90px!important;
    }
    /* end*/
    
    .newstitle 
    {
           margin-bottom: 0px !important;
    }
    
    div#tab-1 table > tbody > tr > th {
        min-width: 100px;
    }
    
    .usefultools .col-lg-2 {
        width: 30%!important;
    }
    
    .usefultools .col-lg-10 {
        width: 70% !important
    }
	.usefultools label {
    }
    /* new section */

    .thumbnail.i-thumb a img {
        width: 100%!important;
    }
    
    .i-thumb {
        max-height: none!important;
    }
    
    .news .media-body {
        padding-top: 35px;
    }
    
    table.news-filter-table .filter-first #content {
        margin-left: 0px!important;
    }
    
    .inner table.news-filter-table td.filter-first
    {
        width: auto !important;
        float: none !important;
    }
    
    
    #pnlcaptcha table > tbody > tr > td {
        float: right;
    }
    /* end */
    
    
    section.page-title img {
        width: 100%;
        margin-top: -15px;
        height: 477px;
    }
    
    
       /* top header section manu */
    .main-header .header-top
    {
        display: none;
    }

    .bgnavmenu
    {
        margin-top: -55px;
        height: 54px;
        background:#1a7bb2!important;
    }

    .main-menu
    {
        top: -68px;
        margin-right: 0px;
        right: 0px;
        margin-bottom: 0px;
        padding: 0px !important;
    }

    .main-header .header-lower .logo
    {
        float: none;
        text-align: center;
        margin-bottom: -15px;
        border-top: 0px !important;
        background: transparent !important;
        z-index: 9;
        right: 17% !important;
        width: 125px;
    }

    .logo img
    {
        max-width: 100% !important;
        margin: 1px 0px 1px 0px !important;
    }
    #logodesktop
    {
        display:none;
    }
    #logomobile
    {
        display:block !important;
    }
    .cart-box-btn
    {
        left: 14px;
        margin-top: -75px !important;
    }


    .main-header .header-lower .cart-box-btn
    {
        margin-bottom: 10px;
    }

    .main-header .header-lower .cart-box-btn, .main-header .header-lower .cart-box-btn .cart-btn
    {
        display: block;
        width: 100% !important;
        top: 0px !important;
        max-width: none;
        right: 140px;
        z-index: 6 !important;
    }
    
     .the-trick
    {
        display: inline-block;
        position: relative;
        padding: 4px 16px;
        right: -22px;
        content: 'none';
    }
    .the-trick:after
    {
        content: "\f023";
        position: absolute;
        top: 6px;
        left: 45px;
        width: 100%;
        text-align: center;
        height: 100%;
        color: #fff;
        font-size: 23px;
        line-height: 30.8px;
        font-family: FontAwesome;
        font-weight: 500;
    }

    .main-header .header-lower .cart-box-btn .cart-btn
    {
        background: transparent !important;
        border: 0px solid #fff !important;
        box-shadow: 0px 0px 0px 0px #1a7bb2 !important;
        margin-top: 17px;
    }

    .topsection_search span
    {
        float: none !important;
        top: 30px;
        z-index: 99999;
        left: 0px;
        margin: 10px !important;
    }

    .main-menu .navbar-header
    {
        padding: 14px 0px 8px;
        z-index: 99999;
    }


     .main-header.fixed-header .header-lower
    {
        position: relative !important;
    }



    .topsection_search
    {
        padding: 10px 0px 15px 0px !important;
        margin: -62px 0px 5px 0px !important;
        text-align: left !important;
    }


    .sr input[type="text"]:focus:hover
    {
        width: 150px;
    }

    .sr input[type="text"]:focus
    {
        width: 150px;
        right: 12px;
        color: #1a7bb2 !important;
    }

    .sr input[type="text"]
    {
        z-index: 16 !important;
    }

    .topsection_search a
    {
            position: absolute;
            z-index: 15;
            font-size: 19px;
            left: 10px;
    }

    .topsection_menu
    {
        padding: 1px 0px !important;
       
    }
    
    
 /* for dot popup*/      

.app ul li a, span.item-count a {
	display: none;
}

.vert {
    position: absolute;
    color: #fff;
    z-index: 9999;
    left: 10px;
    top: 10px;
    transform: rotate(90deg);
	font-size: 19px;
}


.btnReach .info-title img {
    width: 23px;
    border : 0px solid #1b1b1b;
}

.btnReach .info-title
{
    max-width: 100%;
    background-color: #1a7bb2;
    padding: 5px;
    color: #fff;
}

.btnReach .bgdownload
{
    width: 100%;
    text-align: center;
}

.btnReach .downlodapp {
    text-align: center !important;
    font-size: 41px;
    line-height: 1.2em;
}

.mobilePopUp {
    position: absolute;
    background: #fff;
     width: 93%;
    z-index: 99999;
    padding: 10px;
    top: 49px;
    display: none;
    /*border-top: 1px solid #026dad;*/
}

.btnReach {
	display: flex;
	justify-content: space-around;
	margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #a77758;
    padding-bottom: 10px;
}

.mobileButton {
	position: relative;
    padding: 8px 15px;
    line-height: 24px;
    text-transform: uppercase;
    background: none;
    color: #ffffff !important;
    font-size: 14px;
    border: 2px solid #ffffff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: #1a7bb2;
}

.mobileButton i {
	margin-right: 10px;
}

.btnReach .newaccountlink
{
    font-size: 16px;
    font-weight: 600;
    text-align:center;
}


/* end popup dot*/


 /* for searchbox mobile popup start */       
.sr
{
    display:none;
}

.searchmobile{
    position: absolute;
    color: #fff;
    z-index: 9999;
    left: 35px;
    top: -47px;
    font-size: 17px;
    transform: rotate(90deg);
}

.searchmobilePopUp{
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99999;
    padding: 10px;
    top: -9px;
    display: none;
    height: 86px;
    right: 0px;
}



.searchmobilePopUp #txtSearch    
{
    width: 88%;
    background: #ccc;
    float: right;
    padding: 6px;
    margin: 15px 0px;
}

.searchmobilePopUp #txtSearch, .searchmobilePopUp #txtSearchMobile{font-weight: 500;width:100%;background:#ccc;float:left;padding:5px;margin:15px 0px;}


.searchmobileButton {
    position: relative;
    padding: 7px 11px;
    line-height: 19px;
    text-transform: uppercase;
    background: none;
    color: #ffffff !important;
    font-size: 14px;
    border: 0px solid #ffffff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: #1a7bb2;
    margin: 15px 0px;
}
/* for searchbox mobile popup end */   
   
/* end header responsive */ 
  
    .page-title h1 {
        position: absolute!important;
        font-size: 35px!important;
        z-index: 50!important;
        margin-top: 100px!important;
    }	
    
    .page-title {
    	margin-top: 0px!important;
    	margin: 0px -15px;
		padding:0px 0px !important;
	}
	
	
	
	
	.usefultools .col-lg-12 {
			width: 100%!important;
	}
	
	.compareBoxEqCol 
	{
		width: 95%!important;
	}
	
	table.news-filter-table .filter-first #content
	{
		margin-right:0px!important;
	}
	
	
	a.page_link, .news-listing span.less {
		display: none!important;
	}


	
	.main-slider {
		margin-top: 0px!important;
	}
	
	.why-us-section .block p {
        text-align: center;
        margin-left: 35px;
    }
    
    
    .dining {
        width: 95% !important;
        text-align: center !important;
    }
    
    .shop-page-content .single-shop-item img {
        width: 70% !important;
    }
    
    .dining table
    {
         width: 100%!important;
         margin: 0 auto;
    }
    
    .copyright ul li:nth-child(1) {
        margin-right: 50px;
    }
    
    .copyright ul li:nth-child(5) {
        margin-right: 25px;
    }
    
    .copyright ul li:last-child {
        width  :100%;
    }
    
    .copyright li {
        padding: 8px 10px !important;
    }
    
    .footer-bottom .copyright {
        margin-left: 0px!important;
        margin-right: 0px!important;
        text-align: center;
    }
    
    .dining table h2
    {
         font-size:20px;
    }
    
    .aboutq p {
        text-align: center;
    }
	
	.megamenu {
		width: 100%!important;
	}
	.main-menu .navigation > li
	{
		position:relative !important;
		border-left: 0px solid rgb(255, 255, 255) !important;
	}
	
	.main-header {
		    height: auto !important;
	}

	.product-details-tab-title ul li span {
   		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	
	

	.footer-bottom {
		height: 133px;
		min-height: 110px;
		max-height: 200px;
		margin: 0 -24px;
        padding: 0px;
	}

	.main-footer .social-links {
		float: none!important;
		margin-right: 0px!important;
	}
	.dg-wrapper
	{
		width:200px!important;
	}

	.link-box
	{
		margin-bottom:20px;
	}
	.get-quote .column .image img
	{
		display:none;
	}


	.megamenu > span > a {
    	/*color: #fff!important;*/
	}
	
	.megamenu > span > a:hover {
    	background-color: #666!important;
	}


	.overeffect2 {
		width: 91%!important;
		margin: 15px!important;
	}
	
	.view-ninth:hover .content {
		width: 100%!important;
	}
	
	.overeffect2 p {
	   font-size: 15px!important;
	   line-height:20px!important;
}

		
	.sr input[type="text"]:focus:hover {
  		width: 293px!important;
		font-size: 15px;
	}
	
	.menuhead {
		color: #ffffff !important;
		padding: 0px 5px 5px 5px !important;
	}
	
	.main-header .header-lower .outer-box{
		padding-right:0px;	
	}
	
	.main-menu .collapse {
		margin:0px !important;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		margin:0px !important;	
	}
	
	.default-banner .window-size .theme-btn{
		display:block;	
	}
}

@media only screen and (min-width: 767px) {
    .vert, .mobilePopUp {
	display: none;
    }
    
    .searchmobile, .searchmobilePopUp {
	display: none;
    }
    #FormMobile{
	display: none;
    }


}



/**
* Cart Page Table responsive css Styles.
**/

@media only screen and (max-width: 991px) {
	
	table.news-filter-table td:nth-of-type(1):before {
		display:none;
	}
	
	table.news-filter-table td:nth-of-type(2):before {
		display:none;
	}

	/* Force table to not be like tables anymore */
	.cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.cart-page thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.cart-page tr { border: 1px solid #ccc; }
	
	.cart-page td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.cart-page td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    padding-left: 40px;
	    white-space: nowrap;
	    font-size: 16px;
	    color: #000;
	    font-weight: 500;
	    background-color: #F9F9F9;
	    line-height: 60px;
	    text-align: left;
	}
	.cart-page .table > tbody > tr > td.preview {
		    padding: 85px 50px 25px;
	}
	.cart-page .table > tbody > tr > td {
		    padding: 80px 40px 25px;
	}
	.cart-page .table > tbody > tr > td.del-item {
		text-align: left;
	}
	/*
	Label the data
	
	td:nth-of-type(1):before { content: "Preview"; }
	td:nth-of-type(2):before { content: "Product"; }
	td:nth-of-type(3):before { content: "Price"; }
	td:nth-of-type(4):before { content: "Quantity"; }
	td:nth-of-type(5):before { content: "Total"; }
	td:nth-of-type(6):before { content: "Delete Item"; }*/
}



/* STYLES GO HERE ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.overeffect2 {
    margin: 15px 50px !important;
}

.gallery-section .column {
   		/*padding: 15px 35px !important;*/
    	width: 30%;
	}
	
	.footer-bottom {
		height: 75px;
		min-height:75px;
		max-height:200px;
	}
	
	.thumbnail {
   		margin: 35px 0px 0px 0px;
		padding:0px
	}
	
	.main-menu .navigation > li > ul {
    	width: 100% !important;

	}
   
}

 /* STYLES GO HERE ipad portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
   
.overeffect2 {
    margin: 15px 50px !important;
}

.footer-bottom {
		height: 75px;
		min-height:75px;
		max-height:200px;
	}
	
	.main-menu .navigation > li > ul {
    	width: 740px !important;

	}
	
	.main-menu .navigation > li > ul > li {
       width: 50%;
	}

}


/* ipad pro Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {}

/* ipad pro Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.main-menu .navigation > li > ul {
    	width: 990px !important;

	}
	
	.main-menu .navigation > li > a {
        padding-right: 20px!important;
        padding-left: 28px!important;
        font-size: 14px!important
    }
    
    .topsection_search span {
    margin: 8px!important;
    }
    
	
}




@media only screen and (min-width: 481px) and (max-width: 767px)
{
    
    .btnReach .bgdownload
    {
    width: 100%;
    text-align: center;
    }

    .btnReach .downlodapp {
        text-align: center !important;
        font-size: 41px;
        line-height: 1.2em;
    }
    
    .btnReach .info-title {
        max-width: 100%;
        background-color: #1a7bb2;
        padding: 5px;
        color: #fff;
    }
    
    .btnReach .info-title img {
        width: 23px;
        border: 0px solid #1b1b1b;
    }
    
    
    section.page-title img {
    margin-top: -12px;
    height: 477px;
    }

    .usefultools .col-lg-2 {
        width: 20%!important;
    }
    
     .usefultools .col-lg-10 {
        width: 80% !important
    }
    
    .usefultools label {
    }
    
        /*MTSUSER FORMS CSS*/
    .usefultools .col-lg-12
    {
        width: 100% !important;
    }
   
    .get-quote .column .image
    {
        display: none;
    }

    .main-footer .footer-upper .column
    {
        /*width: 25%;*/
    }
    
    .footer-upper .form-box button {
        left: 25px!important
    }


    .footer-bottom
    {
        height: 90px;
        min-height: 90px;
        max-height: 200px;
    }

    .main-footer .social-links
    {
        float: none !important;
    }
    .gallery-section .column
    {
        padding: 15px 35px !important;
        width: 50%;
    }
    
    /* top header section manu */
    .main-header .header-top
    {
        display: none;
    }

    .bgnavmenu
    {
        margin-top: -55px;
        height: 54px;
        background:#1a7bb2!important;
    }

    .main-menu
    {
        top: -68px;
        margin-right: 0px;
        right: 0px;
        margin-bottom: 0px;
        padding: 0px !important;
    }

    .main-header .header-lower .logo
    {
        float: none;
        text-align: center;
        margin-bottom: -15px;
        border-top: 0px !important;
        background: transparent !important;
        z-index: 9;
        right: 10% !important;
        width: 125px;
    }

    .logo img
    {
        max-width: 100% !important;
        margin: 1px 0px 1px 0px !important;
    }



    .cart-box-btn
    {
        right: 14px;
        margin-top: -75px !important;
    }


    .main-header .header-lower .cart-box-btn
    {
        margin-bottom: 10px;
    }

    .main-header .header-lower .cart-box-btn, .main-header .header-lower .cart-box-btn .cart-btn
    {
        display: block;
        width: 100% !important;
        top: 0px !important;
        max-width: none;
        right: 350px;
        z-index: 6 !important;
    }


    .the-trick
    {
        display: inline-block;
        position: relative;
        padding: 4px 16px;
        left: -24px;
        content: 'none';
    }
    .the-trick:after
    {
        content: "\f023";
        position: absolute;
        top: 6px;
        left: 80px;
        width: 100%;
        text-align: center;
        height: 100%;
        color: #fff;
        font-size: 23px;
        line-height: 30.8px;
        font-family: FontAwesome;
        font-weight: 500;
    }

    .main-header .header-lower .cart-box-btn .cart-btn
    {
        background: transparent !important;
        border: 0px solid #fff !important;
        box-shadow: 0px 0px 0px 0px #1a7bb2 !important;
        margin-top: 17px;
        right: 60px;
    }

    .topsection_search span
    {
        float: none !important;
        top: 30px;
        z-index: 99999;
        right: 0px;
        margin: 10px !important;
    }

    .main-menu .navbar-header
    {
        padding: 14px 0px 8px;
        z-index: 99999;
    }

    .sr input[type="text"]:focus:hover
    {
        width: 150px;
    }

    .sr input[type="text"]:focus
    {
        width: 150px;
        left: 12px;
        color: #1a7bb2 !important;
    }

    .sr input[type="text"]
    {
        z-index: 16 !important;
    }

    .topsection_search a
    {
        position: absolute;
        z-index: 15;
        font-size: 19px;
        left: 12px;
    }

    .topsection_menu
    {
        padding: 1px 0px !important;
       
    }
    
    
 /* for dot popup*/      

.app ul li a, span.item-count a {
	display: none;
}

.vert {
    position: absolute;
    color: #fff;
    z-index: 9999;
    left: 10px;
    top: 12px;
    transform: rotate(90deg);
	font-size: 19px;
}

.mobilePopUp {
    position: absolute;
    background: #fff;
    width: 96%;
    z-index: 99999;
    padding: 10px;
    top: 49px;
    display: none;
    /*border-top: 1px solid #026dad;*/
}

.btnReach {
	display: flex;
	justify-content: space-around;
	margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #a77758;
    padding-bottom: 10px;
}

.mobileButton {
	position: relative;
    padding: 8px 25px;
    line-height: 24px;
    text-transform: uppercase;
    background: none;
    color: #ffffff !important;
    font-size: 14px;
    border: 2px solid #ffffff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: #1a7bb2;
}

.mobileButton i {
	margin-left: 10px;
}

.btnReach .newaccountlink
{
    font-size: 16px;
    font-weight: 600;
    text-align:center;
}


/* end popup dot*/



 /* for searchbox mobile popup*/      
.sr
{
    display:none;
}

.searchmobile{
    position: absolute;
    color: #fff;
    z-index: 9999;
    left: 69px;
    top: -45px;
    font-size: 19px;
}

.searchmobilePopUp{
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99999;
    padding: 10px;
    top: -10px;
    display: none;
    height: 86px;
    right: 0px;
}

.searchmobilePopUp #txtSearch    
{
    width: 95%;
    background: #ccc;
    float: right;
    padding: 6px;
    margin: 16px 0px;
}

.searchmobileButton {
    position: relative;
    padding: 8px 11px;
    line-height: 19px;
    text-transform: uppercase;
    background: none;
    color: #ffffff !important;
    font-size: 14px;
    border: 0px solid #ffffff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: #1a7bb2;
    margin: 15px 0px;
}
/* for searchbox mobile popup end */     
/* end header responsive */

.page-title h1
    {
        position: absolute !important;
        font-size: 35px !important;
        z-index: 50 !important;
        margin-top: 100px !important;
    }

    .page-title
    {
        margin-top: 0px !important;
        margin: 0px -15px;
        padding: 0px 0px !important;
    }


    .usefultools .col-lg-12
    {
        width: 100% !important;
    }

    .compareBoxEqCol
    {
        width: 95% !important;
    }

    .inner table.news-filter-table td.filter-first
    {
        width: 65% !important;
        float: none !important;
    }



    a.page_link, .news-listing span.less
    {
        display: none !important;
    }


    .main-slider
    {
        margin-top: 0px !important;
    }

    .parallax-section h2
    {
        text-align: left !important;
    }

    .parallax-section .line
    {
        margin: 0px 0px 20px !important;
    }

    .megamenu
    {
        width: 100% !important;
    }
    .main-menu .navigation > li
    {
        position: relative !important;
        border-right: 0px solid rgb(255, 255, 255) !important;
    }

    .main-header
    {
        height: auto !important;
    }



    .product-details-tab-title ul li span
    {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }


    .footer-bottom
    {
        height: 133px;
        min-height: 137px;
        max-height: 200px;
    }

    .main-footer .social-links
    {
        float: none !important;
        margin-right: 0px !important;
    }
    .dg-wrapper
    {
        width: 200px !important;
    }

    .link-box
    {
        margin-bottom: 20px;
    }
    .get-quote .column .image img
    {
        display: none;
    }


    .megamenu > span > a
    {
        /*color: #fff !important;*/
    }


    span.menuhead a {
        background-color: #fff !important;
    }
    .megamenu > span > a:hover
    {
        background-color: #666 !important;
    }


    .overeffect2
    {
        width: 91% !important;
        margin: 15px !important;
    }

    .view-ninth:hover .content
    {
        width: 100% !important;
    }

    .overeffect2 p
    {
        font-size: 15px !important;
        line-height: 20px !important;
    }





    .main-header.fixed-header .header-lower
    {
        position: relative !important;
    }



    .topsection_search
    {
        padding: 10px 0px 15px 0px !important;
        margin: -88px 0px 5px 0px !important;
        text-align: right !important;
    }

    .sr input[type="text"]:focus:hover
    {
        width: 270px !important;
        font-size: 16px;
    }

    .menuhead
    {
        color: #ffffff !important;
        padding: 0px 0px 5px 5px !important;
    }

    .main-header .header-lower .outer-box
    {
        padding-left: 0px;
    }



    .main-menu .collapse
    {
        margin: 0px !important;
        position: absolute;
    }

    .main-menu .collapse.in, .main-menu .collapsing
    {
        margin: 0px !important;
    }



    .default-banner .window-size .theme-btn
    {
        display: block;
    }

    .default-btn-style-two, .content .tab-apply a, .form-group .btn
    {
        font-size: 12px !important;
    }
}


@media only screen and (width: 320px) 
{
       .the-trick {
            right: -52px;
        } 
}

@media only screen and (width: 360px) 
{
       .the-trick {
                right: -31px;
                top: 1px;
        } 
}

@media only screen and (width: 412px) 
{
       .the-trick {
                right: -6px;
                top: 1px;
        } 
}

@media only screen and (width: 414px) 
{
       .the-trick {
                right: -5px;
                top: 1px;
        } 
}


@media only screen and (width: 568px) 
{
       .the-trick {
                right: -29px;
                top: 1px;
        } 
}

@media only screen and (width: 600px) 
{
       .the-trick {
                right: -7px;
                top: 1px;
        } 
}

@media only screen and (width: 640px) 
{
       .the-trick {
                right: 9px;
                top: 1px;
        } 
}

@media only screen and (width: 698px) 
{
       .the-trick {
            right: 37px;
            top: 2px;
        } 
}

@media only screen and (width: 732px) 
{
       .the-trick {
                right: 55px;
                top: 1px;
        } 
}

@media only screen and (width: 736px) 
{
       .the-trick {
                right: 55px;
                top: 1px;
        } 
}


@media only screen and (width: 768px) 
{
    .topsection_search span {
        margin: 7px !important;
    }
    
    .ac-container label:hover:after, .ac-container input:checked + label:hover:after {
    left: -24px !important;
    }
    
    .main-header .header-lower .cart-box-btn .cart-btn {
        font-size: 10px !important;
        padding: 0px !important;
    }
    
    .topsection_search {
        margin: 0px -9px !important;
    }
    
    
    .main-menu .navigation > li > a {
        padding-right: 11px!important;
        padding-left: 10px!important;
        font-size:13px!important;
    }

    .main-menu .navigation > li {
        margin-right: 0px;
        padding: 5px 0px 5px 0px!important;
    }


}

@media only screen and (width: 1024px) 
{

.main-menu .navigation > li > a {
        padding-right: 0px!important;
        padding-left: 3px!important;
        font-size:13px!important;
    }
    
    .topsection_search span {
    margin: 8px!important;
    }
}


@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (orientation: portrait) {

    .copyright ul li:nth-child(1) {
        margin-right: 30px;
    }
    
    .copyright ul li:nth-child(5) {
        margin-right: 0px;
    }
}

@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
{ 
    .copyright ul li:nth-child(1) {
        margin-right: 30px;
    }
    
    .copyright ul li:nth-child(5) {
        margin-right: 5px;
    }
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  { 
   .copyright ul li:nth-child(1) {
        margin-right: 50px;
    }
    
    .copyright ul li:nth-child(5) {
        margin-right: 25px;
    }
  }