Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/css/responsive.css

/* Normal desktop :1200px. XL */
@media (min-width: 1200px) and (max-width: 1920px) {
	.dsply-desktop {
		display: none;
	}
	.dsplay-hide{
		display: none;
	}
	.main_menu{
	padding-left: 75px;
	}
	.item-box {
	margin-left: 0px;
	}
	.srvc-text p{
		padding: 0px 26px;
	}
}


/* Normal desktop :992px. LG */
@media (min-width: 992px) and (max-width: 1199px) {
	.dsply-desktop {
		display: none;
	}
	.dsplay-hide{
		display: none;
	}
	.main_menu a{
    	font-size: 13px;
        line-height: 63px;
    }
    .ctgcard{
        width: 73px;
    }
    .ctgcard-body span{
        font-size: 9px;
        line-height: 20px;
    }
	.toptrend-area {
		padding: 0 0 0 55px;
		margin-top: 20px;
	}
	.toptrend-area2 {
		padding: 0 0 0 55px;
		margin-top: 0;
	}
	.toptrend-active .owl-nav button.owl-next {
		right: 55px;
	}
	.toptrend-active .owl-nav button.owl-prev {
		left: -30px;
	}
	.srvc-text p{
		padding: 0px 26px;
	}
	.txtsection h1{
	font-size: 55px;
	}
	.txtsection p{
		font-size: 18px;
	}
	.pagination-area ul li {
		margin-top: 10px;
	}
	
}


/* Tablet desktop :768px. md */
@media (min-width: 768px) and (max-width: 991px) {
	.dsply-tablet {
		display: none;
	}
	.dsplay-hide{
		display: none;
	}
	.top-nav a {
		margin-right: -22px;
	}
	.top-nav a i {
		padding-right: 1px;
	}
	.mobileNav{
		right: -23px;
	}
	.main_menu a{
    	font-size: 11px;
        line-height: 25px;
        padding: 8px 5px !important;
    }
	.ctgcard{
		margin: 7px;
	}
	.topctgcard img{
        left: 37%;
    }
	.toptrend-area {
			padding: 0 0 0 55px;
			margin-top: 20px;
	}
	.toptrend-area2 {
		padding: 0 0 0 55px;
		margin-top: 0;
	}
	.toptrend-active .owl-nav button.owl-next {
		right: 55px;
	}
	.toptrend-active .owl-nav button.owl-prev {
		left: -30px;
	}
	.item-box {
		margin-left: 25px !important;
	}
	.txtsection h1{
	font-size: 35px;
	}
	.txtsection p{
		font-size: 14px;
	}
	.welcome-area img{
		width: 100%;
	}
	.pagination-area ul li {
		margin-top: 10px;
	}
.full-list2 {
    column-count: 1;
    /* border: 2px solid #3333332e; */
}
.custom-select {
font-size:12px;
}
}


/* Large Mobile :480px. sm */
@media (min-width: 465px) and (max-width: 767px) {
	.dsply-mobile {
		display: none;
	}
	.dsplay-all{
		display: none;
	}
	.slct-area {
		width: 70%;
	    padding: 0px 15px;
	}
	.toptrend-area {
		margin-top: 0;
		padding: 0;
	}
	.toptrend-area2 {
		margin-top: 0;
		padding: 0;
	}
	.info-box3 {
	padding-top:20px;
	}
	.hdng-04 {
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.hdng-04 b {
		font-size: 18px;
		border-bottom: 1px solid #CBCBCB;
		padding: 0 20px 10px 0;
	}
.video-area2-btn{
font-size: 13px !important;
}
.video-area2-txt1 p {
    font-size: 20px !important;
    line-height: 28px !important;
}
.full-list2 {
    column-count: 1;
    /* border: 2px solid #3333332e; */
}
.custom-select {
font-size:12px;
}
	.item-box {
		margin-left: 93px;
	}
	.toptrend-active .owl-nav button.owl-next {
		right: -35px;
	}
	.toptrend-active .owl-nav button.owl-prev {
		left: -35px;
	}
	.srvc-text p{
		padding: 0px 0px;
    	text-align: justify;
	}
	.jmbtrn p{
		font-size: 20px;
		padding: 5px;
	}
	.pagination-area ul li {
		margin-top: 10px;
	}
}


@media (min-width: 400px) and (max-width: 420px){
    .topctgcard img{
        left: 38% !important;
    }
    .item-box {
		margin-left: -14px !important;
	}
.toptrend-active .owl-nav button.owl-next{
right: -35px !important;
}
.full-list2 {
    column-count: 1;
    /* border: 2px solid #3333332e; */
}
.info-box3 {
padding-top:20px;
}
.video-area2-btn{
font-size: 13px !important;
}
.video-area2-txt1 p {
    font-size: 20px !important;
    line-height: 28px !important;
}
}
/* ipad pro :1056px */
@media (min-width: 768px) and (max-width: 1056px) {
	.ctgcard {
    width: 140px !important; 
    display: inline-block;
    margin: 3px 2px;
}
.ctgcard-body p {
    font-size: 15px !important;
    font-weight: 500;
}
.video-area2-txt1 p {
    font-size: 30px !important;
    line-height: 28px !important;
}
.item-box {
    width: 330px !important;
    margin-left: 35px !important;
    margin-right: 35px !important;
}
.h-main-category{
font-size:12px;
}
.h-sub-category
{font-size:13px;
}
.h-quick-category{
font-size:13px;
}
.custom-select {
font-size:12px;
}
.full-list2 {
    column-count: 2;
    /* border: 2px solid #3333332e; */
}
.txtsection h1{
	font-size: 35px !important;
	}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}
.toptrend-active .owl-nav button.owl-next {
   
    right: -10px !important;
    left: auto;
}
.main_menu a {
    font-size: 12px;
}
}
/* iphone x:375px */
@media (max-width: 375px) {

.search-bar
{
	height: 40px !important;
       margin: auto;
}
.search-bar2
{
	height: 40px !important;
       margin: auto;
}
.full-list2 {
    column-count: 1;
    /* border: 2px solid #3333332e; */
}
.h-main-category{
font-size:13px;
}
.h-sub-category
{font-size:13px;
}
.h-quick-category{
font-size:13px;
}
.custom-select {
font-size:12px;
}
.video-area2-txt1 p {
    font-size: 20px !important;
    line-height: 28px !important;
}
.slct-area {
	height: 40px !important;
    padding: 0px 10px !important;
}
.inpt-01 {
    height: 30px !important;
    padding-left: 8px !important;
  
}
.srch-btn {
    font-size: 14px !important;
    padding: 0px 15px !important;
    height: 35px !important;
    margin: 0px 0px 0 0 !important;
    
}
.info-box3 {
	padding-top:20px;
}
.custom-select{
	width: 70% !important;
}
.form-control {
 font-size: 11px !important;
}
.toptrend-active .owl-nav button.owl-prev {
   
    left: -35px !important;
    left: auto;
}
.item-box {
    width: 270px !important;
margin-left: -15px !important;
}
}
/* small mobile :320px. ex-sm */
@media (max-width: 464px) {
	.dsply-mobile {
		display: none;
	}
	.info-box3 {
	padding-top:20px;
	}
.full-list2 {
    column-count: 1;
    /* border: 2px solid #3333332e; */
}
.h-main-category{
font-size:13px;
}
.h-sub-category
{font-size:13px;
}
.h-quick-category{
font-size:13px;
}
.custom-select {
font-size:12px;
}

	.dsplay-all{
		display: none;
	}
    .hdrimage img{
        padding: 4px !important;
    }
	.slct-area {
		width: 70%;
	    padding: 0px 15px;
	}
	.srch-btn {
	    font-size: 14px;
	    padding: 0px 25px;
	}
	.inpt-01 {
	    padding-left: 0px;
	    font-size: 11px;
	    margin-left: -25px;
	}
	.topctgcard img{
        left: 36%;
    }
	.toptrend-area {
		margin-top: 0;
		padding: 0;
	}
	.toptrend-area2 {
		margin-top: 0;
		padding: 0;
	}
	.hdng-04 {
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.hdng-04 b {
		font-size: 18px;
		border-bottom: 1px solid #CBCBCB;
		padding: 0 20px 10px 0;
	}
	.item-box {
		margin-left: -15px;
	}
	.toptrend-active .owl-nav button.owl-next {
		right: -35px;
	}
	.toptrend-active .owl-nav button.owl-prev {
		left: -35px;
	}
	.hght{
		height: 100%;
	}
	.arrnxtbtn{
		top: 32%;
	}
	.srvc-text p{
		padding: 0px 0px;
    	text-align: justify;
	}
	.jmbtrn p{
		font-size: 20px;
		padding: 5px;
	}
	.pagination-area ul li {
		margin-top: 10px;
	}
}

@media (min-width: 768px)
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .1rem;
    padding-left: .5rem;
    font-size: 12px;
}