/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 98%;margin: 0 auto}
	.boxed-margin {margin: 10px auto}
	.row, .boxed .sticky, .boxed-margin .sticky { width: 950px }
	.tabs li a {padding: 10px 12px}
	.grid_3 .tabs li a {padding: 10px 8px}
	sf-menu a {font-size: 14px}
	.ads {width: 690px}
	.ticker-wrapper.has-js {overflow: hidden;width: 420px}
	.counter li {width: 100%}
    .alls_bg p{font-size: 14px!important;}
    #percentage{margin-top: 0;}
    #percentage_numbers{margin-top: -175px}
    .no_itms1{left: 0;top: 405px;}
    .no_itms2{right: 0;top: 405px;}
    #id_table_1{position: relative;top: 260px;left: -190px;}
    #id_table_2{position: relative; top: 199px; right: -26px;}
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	.row { width: 700px }
	.col1, .col2, .col3, .col4, .grid_9 {width: 100%;}
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1.alpha,.grid_1.omega,.grid_1.omegaa, .grid_2.alpha,.grid_2.omega,.grid_2.omegaa, .grid_3.alpha,.grid_3.omega,.grid_3.omegaa, .grid_4.alpha,.grid_4.omega,.grid_4.omegaa, .grid_5.alpha,.grid_5.omega,.grid_5.omegaa,
	.grid_6.alpha,.grid_6.omega,.grid_6.omegaa, .grid_7.alpha,.grid_7.omega,.grid_7.omegaa, .grid_8.alpha,.grid_8.omega,.grid_8.omegaa, .grid_9.alpha,.grid_9.omega,.grid_9.omegaa, .grid_10.alpha,.grid_10.omega,.grid_10.omegaa, .grid_11.alpha,.grid_11.omega,.grid_11.omegaa {width: 100%;margin: 0 0 30px}

	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 0;right: 0;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 52px;right: auto;right: 0;background: #1D1E20;}
	.sf-menu a.sf-with-ul {margin-right: 50px !important}
	.sf-menu > li a {padding-right: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 35%!important;display: none; margin: 4px 0 !important }
	.sf-menu li { margin: 0; border: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 16px 0}
	.sf-menu li li a {padding-left: 10% !important;}
	.sf-menu li li li a {padding-left: 13% !important;}
	.sf-menu li li li li a {padding-left: 16% !important;}
	.second_menu .sf-menu {top: 31px}

	.logo {margin: 0}
	.ads {width: 468px;margin: 16px 0}
	h3 {font-size: 16px}
	.pagination-tt {margin: 0 0 60px 0}
	.copyright {float: none;display: table;margin: 0 auto}
	#footer .grid_3, #footer .grid_4, #footer .grid_9 {width: 48%; margin: 0 1% 30px}
	.tabs li a {padding: 10px 5px}
	.breaking_news {display: none}
	.ipress_slider .slide_details h3 {padding: 4px 12px;font-size: 12px;font-weight: 300;line-height: 20px}
	.grid_8 .grid_6 {width: 48%}
    .alls_bg p{font-size: 14px!important;}.alls_bg { position: inherit;left: inherit;margin: inherit; }
    #percentage{margin-top: 0;}
    #percentage_numbers{margin-top: -175px}
    .no_itms1{left: 0;top: 405px;}
    .no_itms2{right: 0;top: 405px;}
    #id_table_1{position: relative;top: 260px;left: -190px;}
    #id_table_2{position: relative; top: 199px; right: -26px;}
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {overflow-x: hidden}
	.col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	.row { width: 400px }
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1.alpha,.grid_1.omega,.grid_1.omegaa, .grid_2.alpha,.grid_2.omega,.grid_2.omegaa, .grid_3.alpha,.grid_3.omega,.grid_3.omegaa, .grid_4.alpha,.grid_4.omega,.grid_4.omegaa, .grid_5.alpha,.grid_5.omega,.grid_5.omegaa,
	.grid_6.alpha,.grid_6.omega,.grid_6.omegaa, .grid_7.alpha,.grid_7.omega,.grid_7.omegaa, .grid_8.alpha,.grid_8.omega,.grid_8.omegaa, .grid_9.alpha,.grid_9.omega,.grid_9.omegaa, .grid_10.alpha,.grid_10.omega,.grid_10.omegaa, .grid_11.alpha,.grid_11.omega.grid_11.omegaa {width: 100%;margin: 0 0 30px}

	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 0;right: 0;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 52px;right: auto;left: 0;background: #1D1E20;}
	.sf-menu a.sf-with-ul {margin-right: 50px !important}
	.sf-menu > li a {padding-left: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 60%!important;display: none; margin: 4px 0 !important }
	.sf-menu li { margin: 0; border: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 16px 0}
	.sf-menu li li a {padding-left: 10% !important;}
	.sf-menu li li li a {padding-left: 13% !important;}
	.sf-menu li li li li a {padding-left: 16% !important;}
	.second_menu .sf-menu {top: 31px}

	.logo {float: none!important;display: table;margin: 0 auto 10px}
	h3 {font-size: 16px}
	.pagination-tt {margin: 0 0 60px 0}
	.copyright {float: none;display: table;margin: 0 auto}
	.tabs li a {padding: 10px 5px}
	.breaking_news, .social_head {display: none}
	.grid_8 .grid_6 {width: 48%}
	.ipress_slider .slide_details {display: none}
	.posts_block .alpha {margin-left: 0 !important;margin-right: 1% !important;}
	.posts_block .omega {margin-right: 0 !important;margin-left: 1% !important;}
    .posts_block .omegaa {margin-left: 0 !important;margin-right: 1% !important;}
	#date_time1 {padding: 5px 10px}
    .alls_bg p{font-size: 14px!important;}
    .alls_bg { position: inherit;left: inherit;margin: inherit; }
    #percentage{margin-top: 0;}
    #percentage_numbers{margin-top: 0;}
    .no_itms1{left: 0;top: 405px;}
    .no_itms2{right: 0;top: 405px;}
    #id_table_1{position: relative;top: 260px;left: -190px;}
    #id_table_2{position: relative; top: 199px; right: -26px;}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
	body {overflow-x: hidden}
	.col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	.row { width: 290px; padding: 0; }
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1.alpha,.grid_1.omega,.grid_1.omegaa, .grid_2.alpha,.grid_2.omega,.grid_2.omegaa, .grid_3.alpha,.grid_3.omega,.grid_3.omegaa, .grid_4.alpha,.grid_4.omega,.grid_4.omegaa, .grid_5.alpha,.grid_5.omega,.grid_5.omegaa,
	.grid_6.alpha,.grid_6.omega,.grid_6.omegaa, .grid_7.alpha,.grid_7.omega,.grid_7.omegaa, .grid_8.alpha,.grid_8.omega,.grid_8.omegaa, .grid_9.alpha,.grid_9.omega,.grid_9.omegaa, .grid_10.alpha,.grid_10.omega,.grid_10.omegaa, .grid_11.alpha,.grid_11.omega,.grid_11.omegaa {width: 100%;margin: 0 0 30px}

	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 0;right: 0;cursor: pointer;font-size: 16px;}
	.sf-menu {position: absolute;top: 52px;right: auto;left: 0;background: #1D1E20;}
	.sf-menu a.sf-with-ul {margin-right: 50px !important}
	.sf-menu > li a {padding-right: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 100%!important;display: none; margin: 4px 0 !important }
	.sf-menu li { margin: 0; border: 0 }
	.sf-menu.xactive {display: block!important;width: 100%;z-index: 99999}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 16px 0}
	.sf-menu li li a {padding-left: 10% !important;}
	.sf-menu li li li a {padding-left: 13% !important;}
	.sf-menu li li li li a {padding-left: 16% !important;}
	.second_menu .sf-menu {top: 31px}
    .follow-google img {
        max-width: 44px!important;
    }
    .follow-google a {font-size: 1.1em;}
    .like, .dislike{font-size: 24px;}
    .likes-wrapper{margin-top: -3px;}
    .lof-main-item-desc{
        width: 98%!important;
        padding: 0 4px!important;
        top: 145px!important;
    }
    .lof-main-item-desc2{
        top: 265px!important;
        left: 0!important;
        width: 100%!important;
    }
    .lof-main-item-desc2 img{float: left;width: 45%!important;margin-right: 5px;padding-top: 0!important;}
    /*
    .weather2{
       background: #fff url(../images/weather.jpg) no-repeat top ;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding: 75px 20px 42px 10px;
      min-height: 170px;
    }*/
    .weather2{
       background: #fff url(../images/wz_bg1.jpg) no-repeat top ;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
        padding: 48px 15px 50px;
        min-height: 170px; 
        text-align: center;
    }
    .weather2{
       background: url(../images/wz_bg1.png) no-repeat top ;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
        padding: 48px 10px 50px;
        min-height: 170px; 
        text-align: center;
    }
    .post_day_content h5{font-size: 9px!important;line-height: 9px!important;}
    .lp_divs{margin-bottom: -50px!important;}
    .weather_tbl{
        padding: 10px;
    }
	.bl1{
		display: none;
	}
	.bl2{
		display: block;
	}
    .pray2{
       background: #fff url(../images/pry_bg2.jpg) no-repeat top ;

    }
    .pray2{
       background: url(../images/pry_bg2.png) no-repeat top ;
       min-height: 219px;

    }
	.pray2 table{
		width: 100%;margin-top:0px;
	}
	.pray2 h5{
		font-size: 15px;
        padding: 0 0;
        margin: 0;
	}

	.pttle{
		float: right;margin-right: -7px;margin-top: 92px;color: #ffffff;font-size: 11px;font-weight: bold;
	}
	.petrol_top_padding {
		margin-top: 42px;
        margin-right: 74px!important;
        width: 56%!important;
	}
    #pte_row_1, #pto_row_1{position: absolute;padding: 3px 0;}
    #pte_row_2, #pto_row_2{position: absolute;padding: 36px 0;}
    #pte_row_3, #pto_row_3{position: absolute;padding: 74px 0;}
    #pte_row_4, #pto_row_4{position: absolute;padding: 110px 0;}
	.petrol_top_padding2 {
		padding: 3px;
		font-size: 15px;
	}
	.petrol2{
		background: #fff url(../images/petrol_right.jpg) no-repeat top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 44px 15px 50px;
		min-height: 190px;
		text-align: center;
	}
    .petrol2{
		background: url(../images/petrol_right.png) no-repeat top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 44px 7px 50px;
		min-height: 190px;
		text-align: center;
	}
    /*.pet_mob_tab{position: relative;top: 10px}*/
    .pray_top_padding{height: 25px;}
    .pray2 .small_posts li.clearfix h5{
        color: #000;
        font-size: 15px;
        font-weight: normal;
        text-align: right;
        margin-right: 60px;
        margin-top:0;
    }
    .lof-navigator li h3{
        font-size: 11px!important;
        padding: 8px 0 0 !important;
        line-height: 17px;
    }

	.logo {float: none!important;display: table;margin: 0 auto 10px}
	h3 {font-size: 16px}
	.pagination-tt {margin: 0 0 60px 0}
	.copyright {float: none;display: table;margin: 0 auto}
	.tabs li a {padding: 10px 5px}
	.breaking_news {/*display: none*/}
    .breaking_news #date_time1{/*float: none;*/padding: 5px 30px 0 20px;}
    .breaking_news #login{padding: 5px 35px 10px 20px;}
    
    .right_bar{margin: 3px 25px;}
	.social a {width: 24px}
	.ipress_slider .slide_details, .social_head, [class^='small_slider_'] .owl-controls, [class^='carousel_'] .owl-controls {display: block !important}
    .ipress_slider .slide_details h3{
        font-size: 12px!important;
    }
    .ipress_slider .item .half{width: 100%!important;}
    .ipress_slider .item img{height: 220px!important;}
    .social_head{display: block!important;}
    .social a i{padding: 7px 0!important;}
    .social a img{height: 28px;}
    .social_head{margin-top: 5px;}
	.posts_block .alpha {margin-left: 0 !important;margin-right: 1% !important;}
	.posts_block .omega {margin-right: 0 !important;margin-left: 1% !important;}
    .posts_block .omegaa {margin-left: 0 !important;margin-right: 1% !important;}
	.post_day .relative .cat:after {border: 0}
    .alls_bg { position: inherit;left: inherit;margin: inherit; }
    .alls_bg p{font-size: 14px!important;}
    #percentage{margin-top: 0;}
    #percentage_numbers{margin-top: -175px}
    .no_itms1{left: 0;top: 405px;}
    .no_itms2{right: 0;top: 405px;}
    #id_table_1{position: relative;top: 260px;left: -190px;}
    #id_table_2{position: relative; top: 199px; right: -26px;}
}